clean warning

Author: laoshanxi

.eslintrc.js

@@ -9,10 +9,14 @@ module.exports = {
   extends: ['plugin:vue/recommended', 'eslint:recommended'],
   parserOptions: {
     parser: '@babel/eslint-parser',
-    sourceType: 'module',
-    requireConfigFile: false
+    sourceType: 'module'
   },
   rules: {
+    'vue/multi-word-component-names': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/html-self-closing': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
   }

Makefile

@@ -1,5 +1,5 @@
 VER=2.1.2
-NODE_VER=10.17.0-stretch
+NODE_VER=18
 DOCKER_IMG_NAME=appmesh-ui:${VER}
 
 all:
@@ -31,8 +31,8 @@ run:
 	appc reg -n appweb --perm 11 --exit restart -u root -e APP_DOCKER_OPTS="--net=host -v /opt/appmesh/ssl/server.pem:/etc/nginx/conf.d/server.crt:ro -v /opt/appmesh/ssl/server-key.pem:/etc/nginx/conf.d/server.key:ro" -d "laoshanxi/appmesh-ui:${VER}" -f
 
 dev:
-  nvm install 10.17.0
-  nvm use 10.17.0
+  nvm install 18
+  nvm use 18
 	npm install
 	npm run dev
 	#This will automatically open http://localhost:9528

jsconfig.json

@@ -1,18 +1,7 @@
 {
   "compilerOptions": {
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "target": "es6",
-    "module": "commonjs",
-    "allowSyntheticDefaultImports": true,
-    "checkJs": false,
-    "jsx": "preserve",
-    "types": [
-      "@babel/core",
-      "node"
-    ]
+    "typeRoots": ["node_modules/@types"],
+    "types": ["@babel/core", "node"]
   },
   "exclude": ["node_modules", "dist"],
   "include": [

mock/user.js

@@ -1,4 +1,3 @@
-
 const tokens = {
   admin: {
     token: 'admin-token'
@@ -49,7 +48,7 @@ export default [
 
   // get user info
   {
-    url: '/user/info\.*',
+    url: '/user/info.*',
     type: 'get',
     response: config => {
       const { token } = config.query

package.json

@@ -22,21 +22,22 @@
     "element-ui": "^2.15.14",
     "js-base64": "^3.7.5",
     "js-cookie": "^3.0.5",
+    "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^6.2.1",
     "qrcode.vue": "^1.7.0",
-    "showdown": "^2.1.0",
     "vue": "^2.7.16",
     "vue-json-viewer": "^2.2.22",
-    "vue-moment": "^4.1.0",
     "vue-router": "^3.6.5",
     "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.23.5",
+    "@babel/eslint-parser": "^7.26.5",
     "@babel/register": "^7.22.15",
+    "@types/babel__core": "^7.20.5",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-unit-jest": "^5.0.8",
@@ -52,8 +53,8 @@
     "eslint-plugin-vue": "^9.19.2",
     "html-webpack-plugin": "^4",
     "mockjs": "^1.1.0",
-    "sass": "^1.69.5",
-    "sass-loader": "^13.3.2",
+    "sass": "^1.83.4",
+    "sass-loader": "^13.3.3",
     "script-loader": "^0.7.2",
     "serve-static": "^1.15.0",
     "svg-sprite-loader": "^6.0.11",

src/App.vue

@@ -10,6 +10,6 @@ import request from "@/utils/request";
 export default {
   name: "App",
 
-  mounted() {},
+  mounted() { },
 };
 </script>

src/components/Breadcrumb/index.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import pathToRegexp from 'path-to-regexp'
+import { compile } from 'path-to-regexp'
 
 export default {
   data() {
@@ -48,7 +48,7 @@ export default {
     pathCompile(path) {
       // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
       const { params } = this.$route
-      var toPath = pathToRegexp.compile(path)
+      var toPath = compile(path)
       return toPath(params)
     },
     handleLink(item) {

src/components/Description/index.vue

@@ -1,23 +1,23 @@
 <template>
-    <el-col :span="+col">
-      <div class="term" :style="termStyle">{{term}}</div>
-      <div class="detail">
-        <slot></slot>
-      </div>
-    </el-col>
+  <el-col :span="+col">
+    <div class="term" :style="termStyle">{{ term }}</div>
+    <div class="detail">
+      <slot></slot>
+    </div>
+  </el-col>
 </template>
 
 <script>
 
 export default {
   name: "Description",
   props: {
-  	title: "",
-    term: "",
-    termStyle:"",
+    title: String,
+    term: String,
+    termStyle: String,
   },
-  computed:{
-    col(){
+  computed: {
+    col() {
       return this.$parent.$parent.col;
     }
   }
@@ -26,14 +26,16 @@ export default {
 
 <style lang="scss" scoped>
 .description_text {
-  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+
   .title {
     font-weight: 700;
     font-size: 16px;
     line-height: 1.5;
     margin-bottom: 20px;
     color: #303133;
   }
+
   .term {
     color: #606266;
     font-weight: 400;
@@ -42,13 +44,15 @@ export default {
     margin-right: 8px;
     white-space: nowrap;
     display: table-cell;
+
     &:after {
       content: ":";
       margin: 0 8px 0 2px;
       position: relative;
       top: -0.5px;
     }
   }
+
   .detail {
     font-size: 14px;
     line-height: 35px;

src/components/Descriptions/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="description_text">
-      <div v-if="title" class="title">{{title}}</div>
-      <el-row :gutter="gutter">
-        <slot></slot>
-      </el-row>
+    <div v-if="title" class="title">{{ title }}</div>
+    <el-row :gutter="gutter">
+      <slot></slot>
+    </el-row>
   </div>
 </template>
 
@@ -12,7 +12,10 @@
 export default {
   name: "DescriptionList",
   props: {
-  	title: "",
+    title: {
+      type: String,
+      default: ""
+    },
     gutter: {
       type: [Number, String],
       default: 20
@@ -34,14 +37,16 @@ export default {
 
 <style lang="scss" scoped>
 .description_text {
-  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+
   .title {
     font-weight: 700;
     font-size: 16px;
     line-height: 1.5;
     margin-bottom: 20px;
     color: #303133;
   }
+
   .term {
     color: #606266;
     font-weight: 400;
@@ -50,13 +55,15 @@ export default {
     margin-right: 8px;
     white-space: nowrap;
     display: table-cell;
+
     &:after {
       content: ":";
       margin: 0 8px 0 2px;
       position: relative;
       top: -0.5px;
     }
   }
+
   .detail {
     font-size: 14px;
     line-height: 1.5;