how to show Permissions in vue with laravel?

I have brought data from the user model and I have laravel permission but when I bring them, I can not show only the name of the role in my veu component, I have my partner as follows

           <tr v-for="user in users"  :key="user.id">
            <td>{{user.id}}</td>
            <td>{{user.name}}</td>
            <td>{{user.email}}</td>
            <td>{{user.created_at}}</td>
            <td >{{user.roles}}</td>
           </tr>

My controller brings the information as follows:

             $users = User::with('roles')->get();
             return ['users' => $users];

and it shows me the following

I have also tried using the following but the records disappear

  <td >{{user.roles.name}}</td>