This package is fork of the original package (ahmedsaoud31/laravel-permission-to-vuejs) and requires laravel-permission by Spatie.
It supports SSR.
composer require geowrgetudor/laravel-spatie-permissions-vueAdd the trait to your User model:
use SpatiePermissionVue\Traits\RolesPermissionsToVue;
class User extends Authenticatable
{
// ...
use RolesPermissionsToVue;
}Import and use laravel-spatie-permissions-vue plugin into your app.js file:
import RolesPermissionsToVue from "../../vendor/geowrgetudor/laravel-spatie-permissions-vue/src/js";
// ...
app.use(RolesPermissionsToVue);Pass the Spatie roles & permissions to a global var called vueSpatiePermissions in your app.blade.php or whatever your main blade template is called:
<script type="text/javascript">
window.vueSpatiePermissions = {!! auth()->check() ? auth()->user()->getRolesPermissionsAsJson() : 0 !!}
</script>You can make use of can and is global functions to check for permissions and roles of the current user.
<div v-if="can('edit post')">
<!-- Edit post form -->
</div>
<div v-if="is('super-admin')">
<!-- Show admin tools -->
</div>
<!-- you can use OR operator -->
<div v-if="can('edit post | delete post | publish post')">
<!-- Do something -->
</div>
<div v-if="is('editor | tester | user')">
<!-- Do something -->
</div>
<!-- you can use AND operator -->
<div v-if="can('edit post & delete post & publish post')">
<!-- Do something -->
</div>
<div v-if="is('editor & tester & user')">
<!-- Do something -->
</div>The MIT License (MIT).