Как правильно отобразить всех пользователей в таблице v-data?

Question

Я пытаюсь показать всех пользователей, которые у меня есть в Firebase, внутри v-data-table, но все строки отображаются в одной строке.

<v-data-table
    :headers="headers"
    :items="users"
    :loading="loading"
    class="elevation-1"
    :no-data-text="$t('admin.usersTable.empty')"
  >
  <template slot="item" slot-scope="props">
    <td class="text-xs-right">{{ props.item.uid }}</td>
    <td class="text-xs-right">{{ props.item.email }}</td>
    <td class="text-xs-right">{{ props.item.username }}</td>

    <td class="justify-center layout px-0">
      <v-btn icon class="mx-0" @click="editUser(props.item)">
        <v-icon color="teal">edit</v-icon>
      </v-btn>

      <v-btn icon class="mx-0" @click="removeUser(props.item)">
        <v-icon color="pink">delete</v-icon>
      </v-btn>
    </td>

  </template>
</v-data-table>

Я ожидаю, что три пользователя будут в трех разных строках, но в результате у меня есть пользователи в одной строке

Answer 1

Может, стоит добавить в слово "предмет" букву "s"?

Как это:

<template slot="items" slot-scope="props">