Evergreening dependencies

The most notable change is upgrading to vuetify `3.4.0` which promotes `VDataTable` from labs - and changes its API a little.
sbs20 · Nov 10, 2023 · 179c6fa · 179c6fa
1 parent 8256d45
commit 179c6fa
Show file tree

Hide file tree

Showing 4 changed files with 523 additions and 398 deletions.
diff --git a/app-server/package.json b/app-server/package.json
@@ -18,7 +18,7 @@
     "url": "https://github.com/sbs20/scanservjs"
   },
   "devDependencies": {
-    "eslint": "8.51.0",
+    "eslint": "8.53.0",
     "fs-extra": "11.1.1",
     "mocha": "10.2.0",
     "nodemon": "3.0.1"
@@ -35,7 +35,7 @@
     "mv": "2.1.1",
     "semver": "7.5.4",
     "swagger-jsdoc": "6.2.8",
-    "swagger-ui-express": "4.6.3"
+    "swagger-ui-express": "5.0.0"
   },
   "nodemonConfig": {
     "watch": [

diff --git a/app-ui/package.json b/app-ui/package.json
@@ -15,22 +15,22 @@
   },
   "main": "server/server.js",
   "dependencies": {
-    "@intlify/unplugin-vue-i18n": "1.2.0",
-    "@mdi/js": "7.2.96",
-    "@vitejs/plugin-vue": "4.3.4",
-    "vue": "3.3.4",
+    "@intlify/unplugin-vue-i18n": "1.5.0",
+    "@mdi/js": "7.3.67",
+    "@vitejs/plugin-vue": "4.4.1",
+    "vue": "3.3.8",
     "vue-advanced-cropper": "2.8.8",
-    "vue-i18n": "9.4.1",
+    "vue-i18n": "9.6.5",
     "vue-router": "4.2.5",
     "vue-toastr": "3.0.5",
-    "vuetify": "3.3.17"
+    "vuetify": "3.4.0"
   },
   "devDependencies": {
-    "eslint": "8.50.0",
-    "eslint-plugin-vue": "9.17.0",
+    "eslint": "8.53.0",
+    "eslint-plugin-vue": "9.18.1",
     "nodemon": "3.0.1",
-    "sass": "1.68.0",
-    "vite": "4.4.9"
+    "sass": "1.69.5",
+    "vite": "4.5.0"
   },
   "license": "GPL-2.0",
   "nodemonConfig": {

diff --git a/app-ui/src/components/Files.vue b/app-ui/src/components/Files.vue
@@ -55,18 +55,18 @@
     </template>
 
     <template v-if="thumbnails.show" #[`item.thumb`]="{ item }">
-      <v-img :src="`api/v1/files/${item.columns.name}/thumbnail`"
+      <v-img :src="`api/v1/files/${item.name}/thumbnail`"
         width="128"
         :max-height="thumbnails.size" :max-width="thumbnails.size"
         :contain="true" />
     </template>
     <template #[`item.lastModified`]="{ item }">
-      {{ $d(new Date(item.columns.lastModified), 'long') }}
+      {{ $d(new Date(item.lastModified), 'long') }}
     </template>
     <template #[`item.actions`]="{ item }">
-      <v-icon class="mr-2" :icon="mdiDownload" @click="open(item.columns)" />
-      <v-icon class="mr-2" :icon="mdiPencil" @click="fileRename(item.columns)" />
-      <v-icon class="mr-2" :icon="mdiDelete" @click="fileRemove(item.columns)" />
+      <v-icon class="mr-2" :icon="mdiDownload" @click="open(item)" />
+      <v-icon class="mr-2" :icon="mdiPencil" @click="fileRename(item)" />
+      <v-icon class="mr-2" :icon="mdiDelete" @click="fileRemove(item)" />
     </template>
     <template #[`footer.page-text`]="items">
       {{ items.pageStart }} - {{ items.pageStop }} / {{ items.itemsLength }}
@@ -78,17 +78,12 @@
 import Common from '../classes/common';
 import Storage from '../classes/storage';
 import { mdiDelete, mdiDotsVertical, mdiDownload, mdiPencil } from '@mdi/js';
-import { VDataTable } from 'vuetify/labs/VDataTable';
 import { useDisplay } from 'vuetify';
 const storage = Storage.instance();
 
 export default {
   name: 'Files',
 
-  components: {
-    VDataTable
-  },
-
   emits: ['mask', 'notify'],
 
   setup() {
@@ -162,7 +157,6 @@ export default {
       if (this.smAndDown) {
         headers.splice(2, 2);
       }
-      console.log(headers);
       return headers;
     }
   },