minor changes

package.json

@@ -14,25 +14,25 @@
     "marked": "^9.1.4",
     "pinia": "^2.0.23",
     "roboto-fontface": "*",
-    "unipept-web-components": "^2.1.3",
+    "unipept-web-components": "^2.1.5",
     "uuid": "^9.0.0",
-    "vue": "^3.2.0",
+    "vue": "^3.4.5",
     "vue-router": "^4.0.0",
-    "vuetify": "^3.0.0",
+    "vuetify": "^3.4.9",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {
     "@babel/types": "^7.21.4",
     "@types/node": "^18.15.0",
     "@types/webfontloader": "^1.6.35",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
     "@vue/eslint-config-typescript": "^11.0.0",
     "eslint": "^8.0.0",
     "eslint-plugin-vue": "^9.0.0",
     "sass": "^1.66.1",
     "typescript": "^5.0.0",
-    "vite": "^4.2.0",
-    "vite-plugin-vuetify": "^1.0.2",
-    "vue-tsc": "^1.2.0"
+    "vite": "^5.0.0",
+    "vite-plugin-vuetify": "^2.0.1",
+    "vue-tsc": "^1.8.27"
   }
 }

src/components/tables/MissingPeptidesTable.vue

@@ -8,7 +8,7 @@
             :items-per-page="10"
         >
             <template #item.peptide="{ item }">
-                <span>{{ item.raw.peptide }}</span>
+                <span>{{ item.peptide }}</span>
             </template>
 
             <template #item.action="{ item }">
@@ -19,7 +19,7 @@
                             size="small"
                             variant="plain"
                             v-bind="props"
-                            @click="openItem(item.raw.peptide)"
+                            @click="openItem(item.peptide)"
                         />
                     </template>
                 </v-tooltip>
@@ -31,8 +31,6 @@
 <script setup lang="ts">
 import { Peptide } from 'unipept-web-components';
 import { computed, ref } from "vue";
-import { VDataTable } from "vuetify/labs/VDataTable";
-
 export interface Props {
     items: Peptide[]
 }