vue-gates/README.md

A Vue.js/Nuxt.js package for Roles/Permissions

<h1 align="center" style="text-align:center">Vue Gates - Protecting every thing</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/vue-gates"><img src="https://img.shields.io/npm/v/vue-gates.svg" alt="Version"></a>
  <a href="https://vuejs.org/"><img src="https://badgen.net/badge/Vue/2.x/cyan" alt="Vue"></a>
  <a href="https://vuejs.org/"><img src="https://badgen.net/badge/Vue/3.x/cyan" alt="Vue"></a>
  <a href="https://www.npmjs.com/package/vue-gates"><img src="https://img.shields.io/npm/dm/vue-gates.svg" alt="Downloads"></a>
  <a href="LICENSE"><img src="https://img.shields.io/npm/l/vue-gates.svg" alt="License"></a>
</p>

vue-gates is a plugin for [Vue.js](https://vuejs.org/) & [Nuxt.js](https://nuxtjs.org/) that allows you to use roles and permissions in your components or DOM elements, also compatible as middleware and methods.

See the [full documentation](https://williamcruzme.github.io/vue-gates/#/)

## Features

- Persistent roles/permissions
- Super role avoids all role and permission validations
- Directives
- Middlewares
- Methods
- Wildcard support
- Support server-side rendering (Nuxt.js)
- TypeScript support
- Compatible with IE11

## ✅ Examples

See the [examples and instructions](examples) with Laravel.

## 🚸 Contributing

You are welcome to contribute to this project, but before you do, please make sure you read the [contribution guide](CONTRIBUTING.md).

## 🙈 Credits

- Inspired by Laravel Permission [syntax](https://github.com/spatie/laravel-permission#using-blade-directives).

## 🔒 License

MIT