update VDataTable slot props for Vuetify v3.3.18

https://github.com/vuetifyjs/vuetify/releases/tag/v3.3.18

src/components/admin/GitHubOrgTable.vue

@@ -37,11 +37,11 @@
         </template>
         <template v-slot:item.avatarUrl="{ item }">
           <v-avatar size="24">
-            <v-img :src="item.raw.avatarUrl"></v-img>
+            <v-img :src="item.avatarUrl"></v-img>
           </v-avatar>
         </template>
         <template v-slot:item.actions="{ item }">
-          <v-icon small @click="openRemoveForm(item.raw)" icon="mdi-delete">
+          <v-icon small @click="openRemoveForm(item)" icon="mdi-delete">
           </v-icon>
         </template>
       </v-data-table>

src/components/admin/GitHubTokenTable.vue

@@ -66,14 +66,14 @@
         </template>
         <template v-slot:item.avatarUrl="{ item }">
           <v-avatar size="24">
-            <v-img :src="item.raw.avatarUrl"></v-img>
+            <v-img :src="item.avatarUrl"></v-img>
           </v-avatar>
         </template>
         <template v-slot:item.timeCreated="{ item }">
-          <span>{{ new Date(item.raw.timeCreated).toLocaleString() }}</span>
+          <span>{{ new Date(item.timeCreated).toLocaleString() }}</span>
         </template>
         <template v-slot:item.actions="{ item }">
-          <v-icon small @click="deleteToken(item.raw)"> mdi-delete </v-icon>
+          <v-icon small @click="deleteToken(item)"> mdi-delete </v-icon>
         </template>
       </v-data-table>
     </template>

src/components/admin/GitHubUserTable.vue

@@ -29,7 +29,7 @@
         <template v-slot:item.avatarUrl="{ item }">
           <span>
             <v-avatar size="24">
-            <v-img :src="item.raw.avatarUrl"></v-img>
+            <v-img :src="item.avatarUrl"></v-img>
             </v-avatar>
           </span>
         </template>

src/components/product-type/Table.vue

@@ -27,13 +27,13 @@
         </v-alert>
       </template>
       <template v-slot:item.icon="{ item }">
-        <v-icon :icon="item.raw.icon"></v-icon>
+        <v-icon :icon="item.icon"></v-icon>
       </template>
       <template v-slot:item.name="{ item }">
-        <span class="font-weight-bold text-primary"> {{ item.raw.name }} </span>
+        <span class="font-weight-bold text-primary"> {{ item.name }} </span>
       </template>
       <template v-slot:item.products="{ item }">
-        <v-chip rounded>{{ item.raw.products.totalCount }}</v-chip>
+        <v-chip rounded>{{ item.products.totalCount }}</v-chip>
       </template>
       <template v-slot:item.actions>
         <v-icon small class="mr-2"> mdi-pencil </v-icon>

src/components/product/dashboard/Dashboard.vue

@@ -16,9 +16,9 @@
       </template>
       <template v-slot:[`item.plural`]="{ item }">
         <router-link
-          :to="item.raw.to"
+          :to="item.to"
           class="text-capitalize font-weight-bold text-primary text-decoration-none"
-          v-text="item.raw.plural"
+          v-text="item.plural"
         >
         </router-link>
       </template>
@@ -77,7 +77,7 @@ const items = computed(() =>
 const router = useRouter();
 
 function clickRow(event: Event, { item }) {
-  router.push(item.raw.to);
+  router.push(item.to);
 }
 </script>
 

src/views/admin/Log.vue

@@ -22,14 +22,14 @@
               max-height: 450px;
               overflow: auto;
             "
-            >{{ item.raw.message }}</pre
+            >{{ item.message }}</pre
           >
         </td>
       </template>
       <template v-slot:item.actions="{ item }">
         <v-icon
           small
-          @click="openRemoveForm(item.raw)"
+          @click="openRemoveForm(item)"
           icon="mdi-delete"
         ></v-icon>
       </template>

src/views/admin/config/Config.vue

@@ -11,12 +11,12 @@
     <pre>edited: {{ edited }}</pre>
     <v-data-table :headers="headers" :items="items" :items-per-page="-1">
       <template v-slot:item.value="{ item }">
-        {{ item.raw.value }}
+        {{ item.value }}
         <v-icon
           size="x-small"
           icon="mdi-pencil"
           class="mx-1"
-          @click="edit(item.raw)"
+          @click="edit(item)"
         ></v-icon>
       </template>
       <template #bottom></template>