How to restrict access to different parts of the site?

Question

Vue.js

How to restrict access of admin panel users to its different parts? I know you can write in the vue routera meta-field data about who can be given access to a specific route and track the whole thing in the .beforeeach global hook. but the problem is that all data on routes and types of users that have access to these routes needs to be pulled from the server when the application is initialized, and I don’t quite understand how in this case I should create an instance of VeRouter, because this will need to be done dynamically + the server must somehow know which components to render to each route. Interested in how to resolve such tasks?

Answer 1

https://github.com/cretueusebiu/laravel-nuxt
note how the middleware section is made