Switch to vue compat

Author: guerler

client/build-config.shared.js

@@ -18,8 +18,10 @@ export const legacyAliases = {
     jqueryVendor: path.join(libsBase, "jquery/jquery.js"),
     storemodern: path.join(__dirname, "node_modules/store/dist/store.modern.js"),
 
-    // Vue
-    vue: path.join(__dirname, "node_modules/vue/dist/vue.esm.js"),
+    // Vue — point at @vue/compat for the Vue 2 → 3 migration. The compat
+    // build is Vue 3 with Vue 2 behavior emulation; replacing this path
+    // with the plain Vue 3 build will break SFCs still using Vue 2 syntax.
+    vue: path.join(__dirname, "node_modules/@vue/compat/dist/vue.esm-bundler.js"),
 
     // Build config
     config: path.join(scriptsBase, "config", process.env.NODE_ENV || "development") + ".js",

client/package.json

@@ -23,7 +23,6 @@
   "pnpm": {
     "overrides": {
       "chokidar": "3.5.3",
-      "vue": "2.7.16",
       "@fortawesome/fontawesome-common-types": "6.2.1"
     },
     "onlyBuiltDependencies": [
@@ -49,6 +48,7 @@
     "@monaco-editor/loader": "^1.5.0",
     "@popperjs/core": "^2.11.8",
     "@sentry/vue": "^10.45.0",
+    "@vue/compat": "^3.5.22",
     "@vueuse/core": "^10.5.0",
     "@vueuse/math": "^10.9.0",
     "@vueuse/shared": "^10.5.0",
@@ -119,7 +119,7 @@
     "vega-embed": "^6.26.0",
     "vega-lite": "^5.21.0",
     "vscode-languageserver-types": "^3.17.5",
-    "vue": "^2.7.16",
+    "vue": "^3.5.18",
     "vue-class-component": "^7.2.6",
     "vue-demi": "0.13.11",
     "vue-echarts": "^7.0.3",
@@ -171,10 +171,11 @@
     "@types/markdown-it": "^13.0.4",
     "@typescript-eslint/eslint-plugin": "^6.8.0",
     "@typescript-eslint/parser": "^6.8.0",
-    "@vitejs/plugin-vue2": "^2.3.4",
+    "@vitejs/plugin-vue": "^5.2.0",
     "@vitest/coverage-v8": "^4.0.14",
     "@vitest/spy": "^4.0.14",
     "@vitest/ui": "^4.0.14",
+    "@vue/compiler-sfc": "^3.5.22",
     "@vue/test-utils": "^1.3.6",
     "@vue/tsconfig": "^0.4.0",
     "autoprefixer": "10.4.16",
@@ -203,7 +204,6 @@
     "vitest-fail-on-console": "^0.10.1",
     "vitest-location-mock": "^1.0.4",
     "vue-eslint-parser": "^10.2.0",
-    "vue-template-compiler": "^2.7.16",
     "vue-tsc": "2.2.12",
     "xml-js": "^1.6.11",
     "xml2js": "^0.6.2"