Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@casl/vue - Vue 3 support

See original GitHub issue

Is your feature request related to a problem? Please describe. Our team is migrating our projects to Vue 3 and I would like to migrate @casl/vue to Vue 3 as well 😁.

Describe the solution you’d like There aren’t many changes that would need to be made, but they would break backwards compatibility:

update plugin to use an application instance (detailed under Global API in migration guide)
update can component to use createComponent (detailed under Vue 3 TypeScript support)
update lifecycle hooks, namely update beforeCreate to setup (detailed under lifecycle hooks)
any other unforseen issues that might arise while debugging the plugin

I’m thinking that we might need to create a new branch to support Vue 3 and maintain compatibility with Vue 2 and am open to ideas about how the project would best support this change.

Issue Analytics

State:
Created 3 years ago
Comments:22 (12 by maintainers)

Top GitHub Comments

3reactions

stalniycommented, Jan 22, 2021

🎉 This issue has been resolved in version 2.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

3reactions

stalniycommented, Jan 19, 2021

I picked up the work in a separate branch and finalizing tests. So, very soon I’ll release a new version

Top Results From Across the Web

CASL Vue

This package allows to integrate @casl/ability with Vue 3 application. So, you can show or hide UI elements based on user ability to...

@casl/vue - npm

Vue plugin for CASL which makes it easy to add permissions in any Vue application. Latest version: 2.2.1, last published: 10 days ago....

casl/vue: What should by ability.js file look like? - Stack Overflow

I'm trying to integrate @casl/vue with Vue 3, and I'm afraid I'm having problems. ... A practical example would really help me! Thanks!...

stalniy-casl/casl - Gitter

Check this repo https://github.com/stalniy/casl-vue-api-example for a reference ... (3) But writing 1 as I've done in 2 for READING users of course results ......

casl-vue-example - CodeSandbox

stalniy / casl-vue-example / master ... App.vue. main.js. static .babelrc .editorconfig .eslintignore .eslintrc.js .gitignore .postcssrc.js. LICENSE.