upgrade npm.

Dockerfile

@@ -6,7 +6,7 @@ WORKDIR /src
 
 #
 # install dependencies
-COPY client/package*.json ./
+COPY client/package*.json client/.npmrc ./
 RUN npm install
 
 #

client/.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
   env: {
     node: true
   },
-  'extends': [
+  extends: [
     'plugin:vue/essential',
     'eslint:recommended',
     '@vue/typescript/recommended'
@@ -14,16 +14,5 @@ module.exports = {
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-  },
+  }
-  overrides: [
-    {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
-      env: {
-        mocha: true
-      }
-    }
-  ]
 }

client/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

client/package.json

@@ -8,39 +8,39 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "axios": "^0.21.4",
+    "axios": "^1.5.1",
-    "core-js": "^3.24.1",
+    "core-js": "^3.8.3",
     "moment": "^2.29.4",
-    "vue": "^2.7.8",
+    "vue": "^2.6.14",
     "vue-class-component": "^7.2.3",
     "vue-property-decorator": "^9.1.2",
-    "vue-router": "^3.5.4",
+    "vue-router": "^3.5.1",
-    "vue-sweetalert2": "^4.3.1",
+    "vue-sweetalert2": "^5.0.5",
-    "vuetify": "^2.6.8",
+    "vuetify": "^2.6.0",
-    "vuex": "^3.4.0"
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^2.33.0",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "^2.33.0",
+    "@typescript-eslint/parser": "^5.4.0",
-    "@vue/cli-plugin-babel": "^4.5.19",
+    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "^4.5.19",
+    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-router": "^4.5.19",
+    "@vue/cli-plugin-router": "~5.0.0",
-    "@vue/cli-plugin-typescript": "^4.5.19",
+    "@vue/cli-plugin-typescript": "~5.0.0",
-    "@vue/cli-plugin-vuex": "^4.5.19",
+    "@vue/cli-plugin-vuex": "~5.0.0",
-    "@vue/cli-service": "^4.5.19",
+    "@vue/cli-service": "~5.0.0",
-    "@vue/eslint-config-standard": "^5.1.2",
+    "@vue/eslint-config-standard": "^6.1.0",
-    "@vue/eslint-config-typescript": "^5.0.2",
+    "@vue/eslint-config-typescript": "^9.1.0",
-    "eslint": "^6.7.2",
+    "eslint": "^7.32.0",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
-    "eslint-plugin-vue": "^6.2.2",
+    "sass": "^1.32.7",
-    "sass": "^1.54.0",
+    "sass-loader": "^12.0.0",
-    "sass-loader": "^10.3.1",
+    "typescript": "~4.5.5",
-    "typescript": "^3.9.10",
+    "vue-cli-plugin-vuetify": "~2.5.8",
-    "vue-cli-plugin-vuetify": "~2.2.2",
+    "vue-template-compiler": "^2.6.14",
-    "vue-template-compiler": "^2.7.8",
+    "vuetify-loader": "^1.7.0",
-    "vuetify-loader": "^1.9.2"
+    "webpack": "^5.88.2"
   }
 }

client/src/components/Pull.vue

@@ -79,7 +79,7 @@ export default class Pull extends Vue {
       if (response) {
         this.$swal({
           title: 'Server error',
-          text: response.data,
+          text: String(response.data),
           icon: 'error',
         })
       } else {
@@ -104,7 +104,7 @@ export default class Pull extends Vue {
       if (response) {
         this.$swal({
           title: 'Server error',
-          text: response.data,
+          text: String(response.data),
           icon: 'error',
         })
       } else {

client/src/components/RoomActionBtn.vue

@@ -107,7 +107,7 @@ export default class RoomActionBtn extends Vue {
       if (response) {
         this.$swal({
           title: 'Server error',
-          text: response.data,
+          text: String(response.data),
           icon: 'error',
         })
       } else {

client/src/components/RoomInfo.vue

@@ -252,7 +252,7 @@ export default class RoomInfo extends Vue {
       if (response) {
         this.$swal({
           title: 'Server error',
-          text: response.data,
+          text: String(response.data),
           icon: 'error',
         })
       } else {

client/src/components/RoomsCreate.vue

@@ -705,7 +705,7 @@ export default class RoomsCreate extends Vue {
       if (response) {
         this.$swal({
           title: 'Server error',
-          text: response.data,
+          text: String(response.data),
           icon: 'error',
         })
       } else {

client/src/components/RoomsQuick.vue

@@ -87,7 +87,7 @@ export default class RoomActionBtn extends Vue {
       if (response) {
         this.$swal({
           title: 'Server error',
-          text: response.data,
+          text: String(response.data),
           icon: 'error',
         })
       } else {

client/tsconfig.json

@@ -10,6 +10,8 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
     "sourceMap": true,
     "baseUrl": ".",
     "types": [

client/vue.config.js

@@ -1,4 +1,5 @@
-module.exports = {
+const { defineConfig } = require('@vue/cli-service')
+module.exports = defineConfig({
   productionSourceMap: false,
   transpileDependencies: [
     'vuetify'
@@ -6,11 +7,11 @@ module.exports = {
   publicPath: './',
   assetsDir: './',
   devServer: {
-    disableHostCheck: true,
+    allowedHosts: "all",
     proxy: process.env.API_PROXY ? {
       '^/api': {
         target: process.env.API_PROXY,
       },
     } : undefined,
   }
-}
+})