Hello, I was trying to use this plugin but it seems it is not compat

Vue 3 Compatibility about laravel-permission-to-vuejs HOT 2 CLOSED

ahmedsaoud31 commented on July 26, 2024 4

Vue 3 Compatibility

from laravel-permission-to-vuejs.

Comments (2)

pette87 commented on July 26, 2024 1

Hi,

simple to migrate:

make a "permission.js" file in same directory of your app.js

Put following:

module.exports = {
    methods: {
        can(value) {
            var permissions = window.Laravel.jsPermissions.permissions;
            var _return = false;
            if (!Array.isArray(permissions)) {
                return false;
            }
            if (value.includes('|')) {
                value.split('|').forEach(function (item) {
                    if (permissions.includes(item.trim())) {
                        _return = true;
                    }
                });
            } else if (value.includes('&')) {
                _return = true;
                value.split('&').forEach(function (item) {
                    if (!permissions.includes(item.trim())) {
                        _return = false;
                    }
                });
            } else {
                _return = permissions.includes(value.trim());
            }
            return _return;
        },
        is(value) {
            var roles = window.Laravel.jsPermissions.roles;
            var _return = false;
            if (!Array.isArray(roles)) {
                return false;
            }
            if (value.includes('|')) {
                value.split('|').forEach(function (item) {
                    if (roles.includes(item.trim())) {
                        _return = true;
                    }
                });
            } else if (value.includes('&')) {
                _return = true;
                value.split('&').forEach(function (item) {
                    if (!roles.includes(item.trim())) {
                        _return = false;
                    }
                });
            } else {
                _return = roles.includes(value.trim());
            }
            return _return;
        }
    }
}

And in your app.js

const app = createApp({ ....
...
.mixin(require('./permission'))
...

Now you can use the "if" variants.

from laravel-permission-to-vuejs.

ahmedsaoud31 commented on July 26, 2024

Now the package moved to support Vue 3

from laravel-permission-to-vuejs.

Recommend Projects