v-role

v-role - vue role manager

v-role makes it easy to manage roles and permissions.

⚙️ Features

• Use via directives or component
• Handle routes access
• Support Composition API and Options API
• First class Typescript support

📖 Read more

✨ Quick setup

• Install v-role dependency to your project

pnpm install v-role # or npm install v-role

• Import plugin and pass it to the app:

import { createApp } from "vue";
import { VRolePlugin } from "v-role";
import App from "./App.vue";

const app = createApp(App);
app.use(VRolePlugin);

app.mount("#app");

• Set up roles and permissions

import { useRole } from "v-role";

const { setRoles, setPermissions } = useRole();
setRoles(["admin", "moderator"]);
setPermissions(["can-write", "can-edit"]);

• Use v-role or v-permission directives

<div v-role="'admin'" v-permission:any="['can-write', 'can-read']">
  You can write or read!
</div>

🔒 License

MIT License