Vue Gates Versions Save

• Fix superRole validation
• Improve wildcard algorithm
• Improve types

• Vue 3 support
• The role-or-permission directive now supports modifiers

Vue 3 support

import { createApp } from 'vue'
import VueGates from 'vue-gates'
import App from './App.vue'

createApp(App)
  .use(VueGates)
  .mount('#app')

To learn more about the Vue 3, see the official documentation.

• New name 👏: Vue Gates
• New documentation 📄
• Super role avoids all role and permission validations
• Wildcards support
• Alias now supports arguments
• TypeScript support

Super role avoids all role and permission validations

import Vue from 'vue';
import VueGates from 'vue-gates';

Vue.use(VueGates, {
  superRole: 'admin',
});

To learn more about the configuration, see the official documentation.

Wildcards support

// Example 1:
this.$gates.setPermissions(['posts.*', 'images.create']);

// Example 2:
this.$gates.setPermissions(['posts.*.*', 'images.create']);

// Example 3:
this.$gates.setPermissions(['*.create']);

// Example 4:
this.$gates.setPermissions(['*']);

To learn more about the methods, see the official documentation.