User Roles and Permissions Protection

In this lesson, permissions will be managed on the front and back end. We will again pass the permissions to Vue using the shared data Middleware.

Laravel Inertia Middleware

So, in the HandleInertiaRequests Middleware, you pass the permissions. Those permissions can come from some package or your own custom implementation. For example, let's add two permissions.

app/Http/Middleware/HandleInertiaRequests.php:

class HandleInertiaRequests extends Middleware
{
    // ...
 
    public function share(Request $request): array
    {
        return array_merge(parent::share($request), [
            'flash' => [
                'message' => fn () => $request->session()->get('message')
            ],
            'user' => [
                'name' => $request->user()?->name,
                'email' => $request->user()?->email,
            ],
            'permissions' => [ 
                'posts_view' => true,
                'posts_manage' => true,
            ], 
        ]);
    }
}

Vue Component Props

Next, we can add permissions as props so that we would...