Merge pull request #1034 from CSCfi/feature/vue3

Migrate to vue3

Author: csc-felipe

CHANGELOG.md

@@ -79,6 +79,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - (GL #944) Replace buefy notifications with c-toasts from `csc-ui`
 - (GL #944) Replace buefy Autocomplete component with c-autocomplete from `csc-ui`
 - (GH #982) Migrate from vue-cli to vite
+- (GH #1034) Migrate to vue3
 
 ### Fixed
 

swift_browser_ui_frontend/.eslintrc.json

@@ -7,10 +7,8 @@
   },
   "extends": [
     "eslint:recommended",
-    "plugin:vue/essential",
     "plugin:vue/base",
-    "plugin:vue/strongly-recommended",
-    "plugin:vue/recommended"
+    "plugin:vue/vue3-recommended"
   ],
   "globals": {
     "Atomics": "readonly",
@@ -60,6 +58,9 @@
         "switchCase": 1
       }
     ],
-    "vue/require-prop-types": [0]
+    "vue/require-prop-types": [0],
+    "vue/no-deprecated-slot-attribute": [0],
+    "vue/v-on-event-hyphenation": [0],
+    "vue/require-explicit-emits": [0]
   }
 }

swift_browser_ui_frontend/.gitignore

@@ -92,7 +92,7 @@ typings/
 .dynamodb/
 
 .DS_Store
-/dist
+dist
 
 # local env files
 .env.local

swift_browser_ui_frontend/package.json

@@ -14,35 +14,35 @@
     "docker-build-devel": "vite build --mode development"
   },
   "dependencies": {
+    "@intlify/unplugin-vue-i18n": "^0.9.2",
     "@mdi/js": "^7.1.96",
-    "@vueuse/rxjs": "^9.12.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vueuse/rxjs": "^9.13.0",
     "bulma": "^0.9.4",
     "cli-highlight": "^2.1.11",
     "csc-ui": "github:hannyle/csc-ui",
-    "csc-ui-vue-directive": "^0.0.6",
     "dexie": "^3.2.3",
-    "eslint": "^8.33.0",
+    "eslint": "^8.36.0",
     "eslint-plugin-vue": "^9.9.0",
     "eslint-utils": "^3.0.0",
-    "jest": "^27.5.1",
     "lodash": "^4.17.21",
     "resumablejs": "^1.1.0",
     "rxjs": "^7.8.0",
-    "sass": "^1.58.3",
-    "vite": "^4.1.3",
-    "vite-plugin-vue2": "^2.0.3",
-    "vue": "^2.7.14",
-    "vue-i18n": "^8.28.2",
-    "vue-router": "^3.6.5",
-    "vue-template-compiler": "^2.7.14",
-    "vuex": "^3.6.2"
+    "sass": "^1.59.3",
+    "vite": "^4.1.4",
+    "vue": "^3.2.47",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.1.6",
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@testing-library/dom": "^8.20.0",
+    "@testing-library/dom": "^9.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/user-event": "^14.4.3",
-    "@testing-library/vue": "^5.8.3",
-    "cypress": "^12.5.1"
+    "@testing-library/vue": "^7.0.0",
+    "@vue/compiler-sfc": "^3.2.47",
+    "cypress": "^12.8.0",
+    "jest": "^29.5.0"
   },
   "eslintConfig": {
     "root": true,