Build(npm): update npm dependencies.

Author: Armour

package.json

@@ -15,21 +15,21 @@
   },
   "dependencies": {
     "@tinymce/tinymce-vue": "^3.2.2",
-    "axios": "^0.19.2",
+    "axios": "^0.20.0",
     "clipboard": "^2.0.6",
-    "codemirror": "^5.54.0",
+    "codemirror": "^5.57.0",
     "core-js": "^3.6.5",
     "cors": "^2.8.5",
     "driver.js": "^0.9.8",
     "echarts": "^4.8.0",
     "element-ui": "^2.13.2",
-    "faker": "^4.1.0",
+    "faker": "^5.0.0",
     "file-saver": "^2.0.2",
-    "fuse.js": "^6.0.4",
+    "fuse.js": "^6.4.1",
     "js-cookie": "^2.2.1",
     "jsonlint": "^1.6.3",
-    "jszip": "^3.4.0",
-    "lodash": "^4.17.15",
+    "jszip": "^3.5.0",
+    "lodash": "^4.17.20",
     "morgan": "^1.10.0",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
@@ -38,81 +38,81 @@
     "screenfull": "^5.0.2",
     "script-loader": "^0.7.2",
     "sortablejs": "^1.10.2",
-    "tinymce": "^5.3.2",
+    "tinymce": "^5.4.2",
     "tui-editor": "^1.4.10",
-    "vue": "^2.6.11",
-    "vue-class-component": "^7.2.3",
+    "vue": "^2.6.12",
+    "vue-class-component": "^7.2.5",
     "vue-count-to": "^1.0.13",
-    "vue-i18n": "^8.18.2",
+    "vue-i18n": "^8.21.0",
     "vue-image-crop-upload": "^2.5.0",
-    "vue-property-decorator": "^8.5.0",
-    "vue-router": "^3.3.4",
+    "vue-property-decorator": "^9.0.0",
+    "vue-router": "^3.4.3",
     "vue-splitpane": "^1.0.6",
     "vue-svgicon": "^3.2.6",
     "vue2-dropzone": "^3.6.0",
-    "vuedraggable": "^2.23.2",
-    "vuex": "^3.4.0",
+    "vuedraggable": "^2.24.1",
+    "vuex": "^3.5.1",
     "vuex-module-decorators": "^0.17.0",
-    "xlsx": "^0.16.2",
+    "xlsx": "^0.16.6",
     "yamljs": "^0.3.0"
   },
   "devDependencies": {
     "@types/clipboard": "^2.0.1",
-    "@types/codemirror": "^0.0.96",
+    "@types/codemirror": "^0.0.97",
     "@types/compression": "^1.7.0",
-    "@types/cors": "^2.8.6",
-    "@types/echarts": "^4.6.1",
-    "@types/express": "^4.17.6",
+    "@types/cors": "^2.8.7",
+    "@types/echarts": "^4.6.4",
+    "@types/express": "^4.17.7",
     "@types/faker": "^4.1.12",
     "@types/file-saver": "^2.0.1",
-    "@types/jest": "^26.0.0",
+    "@types/jest": "^26.0.10",
     "@types/js-cookie": "^2.2.6",
-    "@types/lodash": "^4.14.155",
+    "@types/lodash": "^4.14.160",
     "@types/morgan": "^1.9.1",
-    "@types/node": "^14.0.13",
+    "@types/node": "^14.6.0",
     "@types/nprogress": "^0.2.0",
-    "@types/sortablejs": "^1.10.4",
+    "@types/sortablejs": "^1.10.6",
     "@types/tinymce": "^4.5.24",
     "@types/vue-splitpane": "^1.0.0",
     "@types/webpack-env": "^1.15.2",
     "@types/yamljs": "^0.2.31",
-    "@typescript-eslint/eslint-plugin": "^3.2.0",
-    "@typescript-eslint/parser": "^3.2.0",
-    "@vue/cli-plugin-babel": "^4.4.4",
-    "@vue/cli-plugin-e2e-cypress": "^4.4.4",
-    "@vue/cli-plugin-eslint": "^4.4.4",
-    "@vue/cli-plugin-pwa": "^4.4.4",
-    "@vue/cli-plugin-router": "^4.4.4",
-    "@vue/cli-plugin-typescript": "^4.4.4",
-    "@vue/cli-plugin-unit-jest": "^4.4.4",
-    "@vue/cli-plugin-vuex": "^4.4.4",
-    "@vue/cli-service": "^4.4.4",
+    "@typescript-eslint/eslint-plugin": "^3.10.0",
+    "@typescript-eslint/parser": "^3.10.0",
+    "@vue/cli-plugin-babel": "^4.5.4",
+    "@vue/cli-plugin-e2e-cypress": "^4.5.4",
+    "@vue/cli-plugin-eslint": "^4.5.4",
+    "@vue/cli-plugin-pwa": "^4.5.4",
+    "@vue/cli-plugin-router": "^4.5.4",
+    "@vue/cli-plugin-typescript": "^4.5.4",
+    "@vue/cli-plugin-unit-jest": "^4.5.4",
+    "@vue/cli-plugin-vuex": "^4.5.4",
+    "@vue/cli-service": "^4.5.4",
     "@vue/eslint-config-standard": "^5.1.2",
     "@vue/eslint-config-typescript": "^5.0.2",
-    "@vue/test-utils": "^1.0.3",
+    "@vue/test-utils": "^1.0.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
-    "concurrently": "^5.2.0",
-    "eslint": "^7.2.0",
-    "eslint-plugin-import": "^2.21.2",
+    "concurrently": "^5.3.0",
+    "eslint": "^7.7.0",
+    "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
     "eslint-plugin-vue": "^6.2.2",
     "fibers": "^5.0.0",
-    "jest": "^26.0.1",
-    "lint-staged": "^10.2.10",
-    "sass": "^1.26.8",
-    "sass-loader": "^8.0.2",
+    "jest": "^26.4.2",
+    "lint-staged": "^10.2.11",
+    "sass": "^1.26.10",
+    "sass-loader": "^10.0.0",
     "style-resources-loader": "^1.3.3",
-    "swagger-routes-express": "^3.1.3",
-    "ts-jest": "^26.1.0",
-    "ts-node-dev": "^1.0.0-pre.47",
+    "swagger-routes-express": "^3.2.1",
+    "ts-jest": "^26.2.0",
+    "ts-node-dev": "^1.0.0-pre.60",
     "typescript": "3.8.3",
     "vue-cli-plugin-element": "^1.0.1",
     "vue-cli-plugin-style-resources-loader": "^0.1.4",
-    "vue-template-compiler": "^2.6.11",
-    "webpack": "^4.43.0"
+    "vue-template-compiler": "^2.6.12",
+    "webpack": "^4.44.1"
   },
   "bugs": {
     "url": "https://github.com/armour/vue-typescript-admin-template/issues"

src/components/HeaderSearch/index.vue

@@ -47,7 +47,7 @@ export default class extends Vue {
   private show = false
   private options: RouteConfig[] = []
   private searchPool: RouteConfig[] = []
-  private fuse?: Fuse<RouteConfig, Fuse.IFuseOptions<RouteConfig>>
+  private fuse?: Fuse<RouteConfig>
 
   get routes() {
     return PermissionModule.routes
@@ -113,7 +113,6 @@ export default class extends Vue {
       threshold: 0.4,
       location: 0,
       distance: 100,
-      maxPatternLength: 32,
       minMatchCharLength: 1,
       keys: [{
         name: 'title',

src/views/dashboard/admin/components/BoxCard.vue

@@ -30,7 +30,7 @@
         <el-progress :percentage="45" />
       </div>
       <div class="progress-item">
-        <span>Css</span>
+        <span>CSS</span>
         <el-progress :percentage="4" />
       </div>
       <div class="progress-item">

vue.config.js

@@ -54,6 +54,17 @@ module.exports = {
     // it can be accessed in index.html to inject the correct title.
     config.set('name', name)
 
+    // it can improve the speed of the first screen, it is recommended to turn on preload
+    config.plugin('preload').tap(() => [
+      {
+        rel: 'preload',
+        // to ignore runtime.js
+        // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
+        fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+        include: 'initial'
+      }
+    ])
+
     // https://webpack.js.org/configuration/devtool/#development
     // Change development env source map if you want.
     // The default in vue-cli is 'eval-cheap-module-source-map'.
@@ -89,6 +100,7 @@ module.exports = {
                 }
               }
             })
+          // https://webpack.js.org/configuration/optimization/#optimizationruntimechunk
           config.optimization.runtimeChunk('single')
         }
       )