chore(deps): Update packages (vuetify v3.7.0) (#782)

package.json

@@ -37,22 +37,22 @@
     "vue-i18n": "9.14.0",
     "vue-matomo": "^4.2.0",
     "vue-router": "^4.4.3",
-    "vuetify": "^3.4.6"
+    "vuetify": "^3.7.0"
   },
   "devDependencies": {
-    "@mdi/font": "^7.3.67",
-    "@vitejs/plugin-vue": "^4.5.0",
-    "@vue/compiler-sfc": "^3.3.9",
-    "autoprefixer": "^10.4.16",
+    "@mdi/font": "^7.4.47",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vue/compiler-sfc": "^3.4.38",
+    "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
-    "cypress": "^13.8.1",
-    "eslint": "^9.3.0",
-    "eslint-plugin-vue": "^9.26.0",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.5",
-    "postcss": "^8.4.31",
-    "start-server-and-test": "^2.0.3",
-    "vite": "^4.5.0"
+    "cypress": "^13.13.3",
+    "eslint": "^9.9.0",
+    "eslint-plugin-vue": "^9.27.0",
+    "husky": "^9.1.5",
+    "lint-staged": "^15.2.9",
+    "postcss": "^8.4.41",
+    "start-server-and-test": "^2.0.5",
+    "vite": "^5.4.2"
   },
   "resolutions": {
     "postcss": "^8.4.31"

src/components/PriceInputRow.vue

@@ -10,7 +10,7 @@
         :suffix="priceForm.currency"
         :hint="getPricePerUnit(priceForm.price)"
         persistent-hint
-        @update:model-value="newValue => priceForm.price = fixComma(newValue)"
+        @update:modelValue="newValue => priceForm.price = fixComma(newValue)"
       >
         <template v-if="!hideCurrencyChoice" #prepend-inner>
           <!-- image from https://www.svgrepo.com/svg/32717/currency-exchange -->
@@ -28,7 +28,7 @@
         :suffix="priceForm.currency"
         :hint="getPricePerUnit(priceForm.price_without_discount)"
         persistent-hint
-        @update:model-value="newValue => priceForm.price_without_discount = fixComma(newValue)"
+        @update:modelValue="newValue => priceForm.price_without_discount = fixComma(newValue)"
       />
     </v-col>
   </v-row>

src/components/ProofInputRow.vue

@@ -27,11 +27,11 @@
           </v-btn>
           <v-file-input
             ref="proofCamera" v-model="proofFormImage" class="d-none overflow-hidden" capture="environment"
-            accept="image/*" :loading="loading" @change="newProof('camera')" @click:clear="clearProof"
+            accept="image/*" :loading="loading" @update:modelValue="newProof('camera')" @click:clear="clearProof"
           />
           <v-file-input
             ref="proofGallery" v-model="proofFormImage" class="d-none overflow-hidden" accept="image/*, .heic"
-            :loading="loading" @change="newProof('gallery')" @click:clear="clearProof"
+            :loading="loading" @update:modelValue="newProof('gallery')" @click:clear="clearProof"
           />
           <p v-if="!loading" class="mt-2 mb-2">
             <i v-if="!proofFormImage" class="text-red">{{ $t('ProofCreate.SelectProof') }}</i>
@@ -195,10 +195,10 @@ export default {
         })
     },
     newProof(source) {
-      this.proofFormImagePreview = this.getLocalProofUrl(this.proofFormImage[0])
+      this.proofFormImagePreview = this.getLocalProofUrl(this.proofFormImage)
       if (source === 'gallery') {
         // extract date from image exif
-        ExifReader.load(this.proofFormImage[0]).then((tags) => {
+        ExifReader.load(this.proofFormImage).then((tags) => {
           if (tags['DateTimeOriginal'] && tags['DateTimeOriginal'].description) {
             // exif DateTimeOriginal format: '2024:01:31 20:23:52'
             const imageDateString = tags['DateTimeOriginal'].description.substring(0, 10).replaceAll(':', '-')
@@ -213,7 +213,7 @@ export default {
     uploadProof() {
       this.loading = true
       new Promise((resolve, reject) => {
-        new Compressor(this.proofFormImage[0], {
+        new Compressor(this.proofFormImage, {
           success: resolve,
           error: reject
         })