Hi, just leaving here the way I'm solving this situation based on Jeffrey's video and an article Freek Van der Herten wrote about the same issue. I did a few things that help not having a window variable in the view and probably without the performance issues that Freek mentioned about loading all permissions always. I'm still not sure about the naming but just wanted to know your thoughts on this or if you found a more natural way of doing it it would be cool to know.

Don't like that I have to set the authCan in every Resource and the method to get the permissions in every model, but works.

I appreciate the feedback, thanks in advance.

In the ApiResource I added a meta key and inside authCan :

public function toArray() 
{
	return [
		'id' => $this->id,
		'meta' => [
			'authCan' => $this->authenticatedUserCan()
		],
	];
}

In Model:


class SomeModel extends Model implements MustHavePolicyPermissions 
{

	public function authenticatedUserCan() 
	{
		return [
			'store' => \Gate::allows('store', self::class),
			'update' => \Gate::allows('update', $this),
		];
	}

}

In MustHavePolicyPermissions


interface MustHavePolicyPermissions 
{
	public function authenticatedUserCan();
}

In Model.vue

<button v-if="model.meta.authCan.update">Edit<button>

Freek's article: https://freek.dev/1391-how-to-handle-front-end-authorization-using-laravel-inertia-and-typescript

Frontend Authorization Brainstorming