[Resuelto] Spatie Laravel Permissions con Vuejs

Publicado hace 4 meses por @George2215-8b6dd7db9af49e67306feb59a8bdc52c

Buenas noches compañeros, quiero mostrar el rol que tiene cada usuario ,pero aun no logro hacerlo. estoy trabajando con Spatie Laravel Permissions, este paquete ya lo he trabajo anteriormente con Laravel. Ahora quiero implementarlo con Vuejs y Laravel. Agradezco la orientación que me puedan brindar.

Implementacion con Laravel
@foreach($user->roles as $role)
	<td>
		<span class="label label-success">{{ $role->name }}</span>
	</td>
@endforeach

Implementacion Vuejs 
(asi es como lo tengo pero el rol no se muestra)
<tr v-for="user in arrayUsers" :key="user.id">
    <td v-text="user.identity_number"></td>
    <td v-text="user.first_name"></td>
    <td v-text="user.last_name"></td>
    <td v-text="user.email"></td>
    <td v-text="user.phone_number"></td>                                
    **<td v-for="role in user.roles"v-text="role.name"></td> **                       
</tr>
Mejor respuesta Marcada por @George2215-8b6dd7db9af49e67306feb59a8bdc52c

@George2215-8b6dd7db9af49e67306feb59a8bdc52c hace 3 meses

A veces uno busca soluciones complejas y la respuesta esta al frente de uno...jajaja. aprendiendo un poco mas del paquete Laravel-Permissions.

use Spatie\Permission\Traits\HasRoles;

La relación de roles ya está establecida por el Trait HasRoles que se importa dentro del User model. para dar solucion al problema se aplico el siguiente método dentro del UserController

public function index(Request $request){
         
        *if (!$request->ajax()) 
             return redirect('/');
 
     $users = User::with('roles')->get();                
     return ['users' => $users];
	}