Przygotowanie do migracji

package.json

@@ -14,10 +14,11 @@
     "howler": "^2.2.1",
     "vue": "^2.6.12",
     "vue-class-component": "^7.2.6",
-    "vue-i18n": "^8.24.4",
     "vue-property-decorator": "^8.5.1",
-    "vue-router": "^3.5.1",
+    "@vue/compat": "^3.1.0",
-    "vuex": "^3.6.2"
+    "vue-i18n": "^9.1.6",
+    "vue-router": "^4.0.0-0",
+    "vuex": "^4.0.0-0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.4.0",
@@ -29,7 +30,7 @@
     "sass": "^1.32.13",
     "sass-loader": "^8.0.2",
     "typescript": "^3.9.9",
-    "vue-template-compiler": "^2.6.12",
+    "@vue/compiler-sfc": "^3.1.0",
     "vuex-class": "^0.3.2",
     "vuex-module-decorators": "^0.17.0"
   },

vue.config.js

@@ -1,3 +1,23 @@
 // module.exports = {
 //   publicPath: process.env.NODE_ENV === "production" ? "/dist" : "/",
 // };
+
+module.exports = {
+    chainWebpack: config => {
+        config.resolve.alias.set('vue', '@vue/compat')
+
+        config.module
+            .rule('vue')
+            .use('vue-loader')
+            .tap(options => {
+                return {
+                    ...options,
+                    compilerOptions: {
+                        compatConfig: {
+                            MODE: 2
+                        }
+                    }
+                }
+            })
+    }
+}