chore(webapp): migration to vuetify 3

.github/workflows/test.yml

@@ -53,6 +53,23 @@ jobs:
     - name: Test desecapi formatting
       run: ruff format --check api/
 
+  test-webapp:
+    # runs webapp unit tests
+    runs-on: ubuntu-latest
+    steps:
+    - name: Check out code
+      uses: actions/checkout@v6
+    - name: Set up Node.js
+      uses: actions/setup-node@v6
+      with:
+        node-version: 18
+    - name: Install webapp dependencies
+      run: npm install
+      working-directory: www/webapp
+    - name: Run webapp tests
+      run: npm test
+      working-directory: www/webapp
+
   test-missing-migrations:
     # test if Django migrations are missing
     runs-on: ubuntu-latest

www/webapp/.gitignore

@@ -1,5 +1,6 @@
 .DS_Store
 node_modules
+.vite
 
 /tests/e2e/videos/
 /tests/e2e/screenshots/

www/webapp/package.json

@@ -6,8 +6,11 @@
     "dev": "vite",
     "serve": "vite preview",
     "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "lint": "eslint --ignore-path .gitignore --no-fix src/**/*.{vue,js,json}",
-    "lint:fix": "eslint --ignore-path .gitignore --fix src/**/*.{vue,js,json}"
+    "lint:fix": "eslint --ignore-path .gitignore --fix src/**/*.{vue,js,json}",
+    "postinstall": "vue-demi-switch 3"
   },
   "type": "module",
   "engines": {
@@ -16,26 +19,33 @@
   "dependencies": {
     "@fontsource/roboto": "^5.0.3",
     "@mdi/js": "~7.4.47",
+    "@vuelidate/core": "^2.0.3",
+    "@vuelidate/validators": "^2.0.4",
     "axios": "^1.4.0",
     "date-fns": "^4.1.0",
     "pinia": "^2.0.30",
-    "vue": "~2.7.14",
-    "vue-router": "~3.6.5",
-    "vuelidate": "^0.7.7",
-    "vuetify": "^2.7.0"
+    "vue": "^3.4.19",
+    "vue-router": "^4.3.0",
+    "vuetify": "^3.7.5"
   },
   "devDependencies": {
     "@vitejs/plugin-legacy": "^6.0.0",
-    "@vitejs/plugin-vue2": "^2.3.3",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "@vue/test-utils": "^2.4.6",
     "eslint": "^8.45.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-vue": "^9.15.1",
     "eslint-plugin-vue-scoped-css": "^2.6.1",
-    "eslint-plugin-vuetify": "^1.1.0",
+    "eslint-plugin-vuetify": "^2.1.1",
+    "jsdom": "^26.1.0",
     "sass": "~1.83.4",
-    "unplugin-vue-components": "^28.0.0",
     "vite": "^6.0.11",
-    "vuetify-loader": "~1.9.1"
+    "vite-plugin-vuetify": "^2.0.4",
+    "vitest": "^3.2.4",
+    "vue-demi": "^0.14.10"
+  },
+  "overrides": {
+    "vue-demi": "^0.14.10"
   }
 }