update vue-cli to 5.x

fittrackee_client/package.json

@@ -32,29 +32,30 @@
     "@intlify/vue-i18n-loader": "^4.0.1",
     "@types/chai": "^4.2.11",
     "@types/mocha": "^9.1.0",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-pwa": "~4.5.0",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-typescript": "~4.5.0",
-    "@vue/cli-plugin-unit-mocha": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/cli-plugin-babel": "~5.0.1",
+    "@vue/cli-plugin-eslint": "~5.0.1",
+    "@vue/cli-plugin-pwa": "~5.0.1",
+    "@vue/cli-plugin-router": "~5.0.1",
+    "@vue/cli-plugin-typescript": "~5.0.1",
+    "@vue/cli-plugin-unit-mocha": "~5.0.1",
+    "@vue/cli-plugin-vuex": "~5.0.1",
+    "@vue/cli-service": "~5.0.1",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/eslint-config-typescript": "^7.0.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
     "@vue/test-utils": "^2.0.0-0",
     "chai": "^4.3.6",
-    "eslint": "^6.7.2",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-import-resolver-typescript": "^2.4.0",
     "eslint-plugin-import": "^2.24.1",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.0.0",
-    "prettier": "^2.2.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "prettier": "^2.4.1",
     "sass": "^1.49.8",
     "sass-loader": "^10.2.0",
-    "typescript": "~4.4.4",
+    "typescript": "~4.5.5",
     "vue-cli-plugin-i18n": "~2.3.1"
   },
   "eslintConfig": {
@@ -81,7 +82,8 @@
       "import/resolver": "typescript"
     },
     "parserOptions": {
-      "ecmaVersion": 2020
+      "ecmaVersion": 2020,
+      "parser": "@typescript-eslint/parser"
     },
     "rules": {
       "import/order": [
@@ -93,7 +95,8 @@
             "caseInsensitive": true
           }
         }
-      ]
+      ],
+      "vue/multi-word-component-names": "off"
     },
     "overrides": [
       {
@@ -110,6 +113,7 @@
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "not dead"
+    "not dead",
+    "not ie 11"
   ]
 }

fittrackee_client/src/scss/base.scss

@@ -169,7 +169,7 @@ button {
 
 .no-map {
   background-color: var(--workout-no-map-bg-color);
-  background-image: url('/img/workouts/map.svg');
+  background-image: url('~@/assets/img/workouts/map.svg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;

fittrackee_client/vue.config.js

@@ -1,7 +1,9 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path')
 
-module.exports = {
+const { defineConfig } = require('@vue/cli-service')
+
+module.exports = defineConfig({
   configureWebpack: {
     performance: {
       maxEntrypointSize: 400000,
@@ -28,4 +30,9 @@ module.exports = {
       fullInstall: true,
     },
   },
-}
+  pwa: {
+    iconPaths: {
+      faviconSVG: null,
+    },
+  },
+})