Vue.js components + Laravel right management

Question

I'm unsure how to procede with using Vue single file components alongside Laravel's right management plugins. In general I'm loading the components on different pages, however different actions in components require different rights available, and passing the available rights directly to component seems kind of unsafe. What would be the correct approach here?

Answer 1

If you are using the blade template together with laravel gates engine to render your views, you could pack the component inside a can statement

@can('view-component', 'component-name')
  <custom-vue-component></custom-vue-component>
@endcan

Specific use regarding permission checking in blade can be found here , general authorization info here and info about the gates [here] https://laravel.com/docs/5.4/authorization#gates() .