Adicione primeiros dados da tabela

src/components/Table/index.vue

@@ -6,7 +6,6 @@
       :columns="columns"
       :row-key="rowKey"
       :loading="loading"
-      row-key="name"
       flat
       bordered
       virtual-scroll
@@ -24,7 +23,7 @@
     <div class="row q-mt-md">
       <div class="col-8 flex justify-end">
         <q-pagination
-          v-model="pagination.currentPage"
+          v-model="pagination.page"
           color="primary"
           :max="pagination.totalPages"
           size="md"
@@ -32,10 +31,7 @@
       </div>
 
       <div class="col-4 flex justify-end items-center">
-        <span class="text-grey-5"
-          >Mostrando {{ pagination.currentPage }} de
-          {{ pagination.totalItems }}</span
-        >
+        <span class="text-grey-5">Total: {{ pagination.total }}</span>
       </div>
     </div>
   </q-card>
@@ -61,6 +57,11 @@ export default {
       required: false,
       default: "name",
     },
+    rowKey: {
+      type: String,
+      required: false,
+      default: "id",
+    },
     title: {
       type: String,
       required: false,
@@ -86,6 +87,7 @@ export default {
     return {
       columns: props.columns,
       rows: props.rows,
+      rowKey: props.rowKey,
     };
   },
 };