diff --git a/.eslintrc.js b/.eslintrc.js
index cebe49c..681e4cd 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -6,13 +6,20 @@ module.exports = {
   plugins: [
   ],
   extends: [
-    'plugin:vue/essential',
+    'plugin:vue/strongly-recommended',
     'eslint:recommended',
-    '@vue/typescript',
+    '@vue/typescript/recommended',
   ],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+
+    'vue/singleline-html-element-content-newline': ['warn', {
+      ignores: ['pre', 'textarea', 'span', 'v-icon'],
+    }]
   },
   parserOptions: {
     parser: '@typescript-eslint/parser',
@@ -21,6 +28,7 @@ module.exports = {
     {
       files: [
         '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
       ],
       env: {
         jest: true,
diff --git a/package-lock.json b/package-lock.json
index 9cd4ec7..27beac2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1471,9 +1471,8 @@
     },
     "@types/eslint-visitor-keys": {
       "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/@types/eslint-visitor-keys/download/@types/eslint-visitor-keys-1.0.0.tgz",
-      "integrity": "sha1-HuMNeVRMqE1o1LPNsK9PIFZj3S0=",
-      "dev": true
+      "resolved": "https://registry.npm.taobao.org/@types/eslint-visitor-keys/download/@types/eslint-visitor-keys-1.0.0.tgz?cache=0&sync_timestamp=1580841954306&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Feslint-visitor-keys%2Fdownload%2F%40types%2Feslint-visitor-keys-1.0.0.tgz",
+      "integrity": "sha1-HuMNeVRMqE1o1LPNsK9PIFZj3S0="
     },
     "@types/events": {
       "version": "3.0.0",
@@ -1527,10 +1526,9 @@
       }
     },
     "@types/json-schema": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.3.tgz",
-      "integrity": "sha1-vf1p1h5GTcyBslFZwnDXWnPBpjY=",
-      "dev": true
+      "version": "7.0.4",
+      "resolved": "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.4.tgz?cache=0&sync_timestamp=1580842664296&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjson-schema%2Fdownload%2F%40types%2Fjson-schema-7.0.4.tgz",
+      "integrity": "sha1-OP1z3f2bVaux4bLtV4y1W9e30zk="
     },
     "@types/lodash": {
       "version": "4.14.149",
@@ -1607,29 +1605,25 @@
       "dev": true
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-1.13.0.tgz?cache=0&sync_timestamp=1566575740096&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Feslint-plugin%2Fdownload%2F%40typescript-eslint%2Feslint-plugin-1.13.0.tgz",
-      "integrity": "sha1-Iv7ZsW3f60Av17zeVjB4IPbrxJ8=",
-      "dev": true,
+      "version": "2.25.0",
+      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-2.25.0.tgz",
+      "integrity": "sha1-C2CRczLyDc/1TQ65viqen0yfvQI=",
       "requires": {
-        "@typescript-eslint/experimental-utils": "1.13.0",
-        "eslint-utils": "^1.3.1",
+        "@typescript-eslint/experimental-utils": "2.25.0",
         "functional-red-black-tree": "^1.0.1",
-        "regexpp": "^2.0.1",
-        "tsutils": "^3.7.0"
+        "regexpp": "^3.0.0",
+        "tsutils": "^3.17.1"
       },
       "dependencies": {
         "regexpp": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npm.taobao.org/regexpp/download/regexpp-2.0.1.tgz",
-          "integrity": "sha1-jRnTHPYySCtYkEn4KB+T28uk0H8=",
-          "dev": true
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/regexpp/download/regexpp-3.0.0.tgz",
+          "integrity": "sha1-3WOYLuMwDme0HBlW+FCqaA2dMw4="
         },
         "tsutils": {
           "version": "3.17.1",
           "resolved": "https://registry.npm.taobao.org/tsutils/download/tsutils-3.17.1.tgz",
           "integrity": "sha1-7XGZF/EcoN7lhicrKsSeAVot11k=",
-          "dev": true,
           "requires": {
             "tslib": "^1.8.1"
           }
@@ -1637,43 +1631,85 @@
       }
     },
     "@typescript-eslint/experimental-utils": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-1.13.0.tgz?cache=0&sync_timestamp=1566575738967&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fexperimental-utils%2Fdownload%2F%40typescript-eslint%2Fexperimental-utils-1.13.0.tgz",
-      "integrity": "sha1-sIxg14DABn3i+0SwS0MvVAE4MB4=",
-      "dev": true,
+      "version": "2.25.0",
+      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-2.25.0.tgz",
+      "integrity": "sha1-E2kcT+NovTd7HlseStZgsiC/dxQ=",
       "requires": {
         "@types/json-schema": "^7.0.3",
-        "@typescript-eslint/typescript-estree": "1.13.0",
-        "eslint-scope": "^4.0.0"
+        "@typescript-eslint/typescript-estree": "2.25.0",
+        "eslint-scope": "^5.0.0",
+        "eslint-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "eslint-scope": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/eslint-scope/download/eslint-scope-5.0.0.tgz",
+          "integrity": "sha1-6HyIh8c+jR7ITxylkWRcNYv8j7k=",
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        },
+        "eslint-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/eslint-utils/download/eslint-utils-2.0.0.tgz",
+          "integrity": "sha1-e+HMcPJ6cqds0UqmmLyr7WiQ4c0=",
+          "requires": {
+            "eslint-visitor-keys": "^1.1.0"
+          }
+        }
       }
     },
     "@typescript-eslint/parser": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-1.13.0.tgz?cache=0&sync_timestamp=1566575739426&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fparser%2Fdownload%2F%40typescript-eslint%2Fparser-1.13.0.tgz",
-      "integrity": "sha1-Yax4EepSeRxH3J/U3UoYT66aw1U=",
-      "dev": true,
+      "version": "2.25.0",
+      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-2.25.0.tgz",
+      "integrity": "sha1-q/s9mZCEgk2adW2bnA82+6A623Y=",
       "requires": {
         "@types/eslint-visitor-keys": "^1.0.0",
-        "@typescript-eslint/experimental-utils": "1.13.0",
-        "@typescript-eslint/typescript-estree": "1.13.0",
-        "eslint-visitor-keys": "^1.0.0"
+        "@typescript-eslint/experimental-utils": "2.25.0",
+        "@typescript-eslint/typescript-estree": "2.25.0",
+        "eslint-visitor-keys": "^1.1.0"
       }
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-1.13.0.tgz?cache=0&sync_timestamp=1566575738549&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Ftypescript-estree%2Fdownload%2F%40typescript-eslint%2Ftypescript-estree-1.13.0.tgz",
-      "integrity": "sha1-gUDxfQ9gwDYZeY8dYouENJE9wy4=",
-      "dev": true,
+      "version": "2.25.0",
+      "resolved": "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-2.25.0.tgz?cache=0&sync_timestamp=1585359761081&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Ftypescript-estree%2Fdownload%2F%40typescript-eslint%2Ftypescript-estree-2.25.0.tgz",
+      "integrity": "sha1-t5BJdVZzS3R2+n3T+lOZVaXHniw=",
       "requires": {
-        "lodash.unescape": "4.0.1",
-        "semver": "5.5.0"
+        "debug": "^4.1.1",
+        "eslint-visitor-keys": "^1.1.0",
+        "glob": "^7.1.6",
+        "is-glob": "^4.0.1",
+        "lodash": "^4.17.15",
+        "semver": "^6.3.0",
+        "tsutils": "^3.17.1"
       },
       "dependencies": {
+        "glob": {
+          "version": "7.1.6",
+          "resolved": "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz?cache=0&sync_timestamp=1573078079496&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglob%2Fdownload%2Fglob-7.1.6.tgz",
+          "integrity": "sha1-FB8zuBp8JJLhJVlDB0gMRmeSeKY=",
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
         "semver": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npm.taobao.org/semver/download/semver-5.5.0.tgz",
-          "integrity": "sha1-3Eu8emyp2Rbe5dQ1FvAJK1j3uKs=",
-          "dev": true
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0="
+        },
+        "tsutils": {
+          "version": "3.17.1",
+          "resolved": "https://registry.npm.taobao.org/tsutils/download/tsutils-3.17.1.tgz",
+          "integrity": "sha1-7XGZF/EcoN7lhicrKsSeAVot11k=",
+          "requires": {
+            "tslib": "^1.8.1"
+          }
         }
       }
     },
@@ -2333,13 +2369,12 @@
       }
     },
     "@vue/eslint-config-typescript": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npm.taobao.org/@vue/eslint-config-typescript/download/@vue/eslint-config-typescript-4.0.0.tgz",
-      "integrity": "sha1-ogKYNZikqCZGDLuO5Dgmh1sPZnM=",
+      "version": "5.0.2",
+      "resolved": "https://registry.npm.taobao.org/@vue/eslint-config-typescript/download/@vue/eslint-config-typescript-5.0.2.tgz?cache=0&sync_timestamp=1582702005305&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Feslint-config-typescript%2Fdownload%2F%40vue%2Feslint-config-typescript-5.0.2.tgz",
+      "integrity": "sha1-wvMyjnDVXRCuuCbyCUBTl5YFSMc=",
       "dev": true,
       "requires": {
-        "@typescript-eslint/eslint-plugin": "^1.1.0",
-        "@typescript-eslint/parser": "^1.1.0"
+        "vue-eslint-parser": "^7.0.0"
       }
     },
     "@vue/preload-webpack-plugin": {
@@ -2590,9 +2625,9 @@
       }
     },
     "acorn-jsx": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npm.taobao.org/acorn-jsx/download/acorn-jsx-5.0.2.tgz?cache=0&sync_timestamp=1566311078040&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn-jsx%2Fdownload%2Facorn-jsx-5.0.2.tgz",
-      "integrity": "sha1-hLaOpEs3PE+GhgI6VR9hoht8Sk8=",
+      "version": "5.2.0",
+      "resolved": "https://registry.npm.taobao.org/acorn-jsx/download/acorn-jsx-5.2.0.tgz?cache=0&sync_timestamp=1582724149302&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn-jsx%2Fdownload%2Facorn-jsx-5.2.0.tgz",
+      "integrity": "sha1-TGYGkXPW/daO2FI5/CViJhgrLr4=",
       "dev": true
     },
     "acorn-walk": {
@@ -3253,8 +3288,7 @@
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
-      "dev": true
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
     },
     "base": {
       "version": "0.11.2",
@@ -3445,7 +3479,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz",
       "integrity": "sha1-PH/L9SnYcibz0vUrlm/1Jx60Qd0=",
-      "dev": true,
       "requires": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -4456,8 +4489,7 @@
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-      "dev": true
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
     },
     "concat-stream": {
       "version": "1.6.2",
@@ -5106,7 +5138,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
       "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
-      "dev": true,
       "requires": {
         "ms": "^2.1.1"
       },
@@ -5114,8 +5145,7 @@
         "ms": {
           "version": "2.1.2",
           "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz",
-          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
-          "dev": true
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk="
         }
       }
     },
@@ -5471,6 +5501,15 @@
         "buffer-indexof": "^1.0.0"
       }
     },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/doctrine/download/doctrine-3.0.0.tgz",
+      "integrity": "sha1-rd6+rXKmV023g2OdyHoSF3OXOWE=",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npm.taobao.org/dom-converter/download/dom-converter-0.2.0.tgz",
@@ -5819,200 +5858,331 @@
       }
     },
     "eslint": {
-      "version": "5.16.0",
-      "resolved": "https://registry.npm.taobao.org/eslint/download/eslint-5.16.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint%2Fdownload%2Feslint-5.16.0.tgz",
-      "integrity": "sha1-oeOsGq5KP72Clvz496tzFMu2q+o=",
+      "version": "6.8.0",
+      "resolved": "https://registry.npm.taobao.org/eslint/download/eslint-6.8.0.tgz?cache=0&sync_timestamp=1585359208483&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint%2Fdownload%2Feslint-6.8.0.tgz",
+      "integrity": "sha1-YiYtZylzn5J1cjgkMC+yJ8jJP/s=",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.0.0",
-        "ajv": "^6.9.1",
+        "ajv": "^6.10.0",
         "chalk": "^2.1.0",
         "cross-spawn": "^6.0.5",
         "debug": "^4.0.1",
         "doctrine": "^3.0.0",
-        "eslint-scope": "^4.0.3",
-        "eslint-utils": "^1.3.1",
-        "eslint-visitor-keys": "^1.0.0",
-        "espree": "^5.0.1",
+        "eslint-scope": "^5.0.0",
+        "eslint-utils": "^1.4.3",
+        "eslint-visitor-keys": "^1.1.0",
+        "espree": "^6.1.2",
         "esquery": "^1.0.1",
         "esutils": "^2.0.2",
         "file-entry-cache": "^5.0.1",
         "functional-red-black-tree": "^1.0.1",
-        "glob": "^7.1.2",
-        "globals": "^11.7.0",
+        "glob-parent": "^5.0.0",
+        "globals": "^12.1.0",
         "ignore": "^4.0.6",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
-        "inquirer": "^6.2.2",
-        "js-yaml": "^3.13.0",
+        "inquirer": "^7.0.0",
+        "is-glob": "^4.0.0",
+        "js-yaml": "^3.13.1",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.3.0",
-        "lodash": "^4.17.11",
+        "lodash": "^4.17.14",
         "minimatch": "^3.0.4",
         "mkdirp": "^0.5.1",
         "natural-compare": "^1.4.0",
-        "optionator": "^0.8.2",
-        "path-is-inside": "^1.0.2",
+        "optionator": "^0.8.3",
         "progress": "^2.0.0",
         "regexpp": "^2.0.1",
-        "semver": "^5.5.1",
-        "strip-ansi": "^4.0.0",
-        "strip-json-comments": "^2.0.1",
+        "semver": "^6.1.2",
+        "strip-ansi": "^5.2.0",
+        "strip-json-comments": "^3.0.1",
         "table": "^5.2.3",
-        "text-table": "^0.2.0"
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
       },
       "dependencies": {
+        "ansi-escapes": {
+          "version": "4.3.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-escapes/download/ansi-escapes-4.3.1.tgz",
+          "integrity": "sha1-pcR8xDGB8fOP/XB2g3cA05VSKmE=",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.11.0"
+          },
+          "dependencies": {
+            "type-fest": {
+              "version": "0.11.0",
+              "resolved": "https://registry.npm.taobao.org/type-fest/download/type-fest-0.11.0.tgz",
+              "integrity": "sha1-l6vwhyMQ/tiKXEZrJWgVdhReM/E=",
+              "dev": true
+            }
+          }
+        },
         "ansi-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-3.0.0.tgz",
-          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-5.0.0.tgz",
+          "integrity": "sha1-OIU59VF5vzkznIGvMKZU1p+Hy3U=",
           "dev": true
         },
-        "doctrine": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npm.taobao.org/doctrine/download/doctrine-3.0.0.tgz",
-          "integrity": "sha1-rd6+rXKmV023g2OdyHoSF3OXOWE=",
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+          "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
           "dev": true,
           "requires": {
-            "esutils": "^2.0.2"
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
           }
         },
-        "espree": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npm.taobao.org/espree/download/espree-5.0.1.tgz?cache=0&sync_timestamp=1566612152812&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fespree%2Fdownload%2Fespree-5.0.1.tgz",
-          "integrity": "sha1-XWUm+k/H8HiKXPdbFfMDI+L4H3o=",
+        "cli-cursor": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/cli-cursor/download/cli-cursor-3.1.0.tgz",
+          "integrity": "sha1-JkMFp65JDR0Dvwybp8kl0XU68wc=",
           "dev": true,
           "requires": {
-            "acorn": "^6.0.7",
-            "acorn-jsx": "^5.0.0",
-            "eslint-visitor-keys": "^1.0.0"
+            "restore-cursor": "^3.1.0"
           }
         },
-        "file-entry-cache": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npm.taobao.org/file-entry-cache/download/file-entry-cache-5.0.1.tgz",
-          "integrity": "sha1-yg9u+m3T1WEzP7FFFQZcL6/fQ5w=",
-          "dev": true,
-          "requires": {
-            "flat-cache": "^2.0.1"
-          }
-        },
-        "flat-cache": {
+        "color-convert": {
           "version": "2.0.1",
-          "resolved": "https://registry.npm.taobao.org/flat-cache/download/flat-cache-2.0.1.tgz",
-          "integrity": "sha1-XSltbwS9pEpGMKMBQTvbwuwIXsA=",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
           "dev": true,
           "requires": {
-            "flatted": "^2.0.0",
-            "rimraf": "2.6.3",
-            "write": "1.0.3"
+            "color-name": "~1.1.4"
           }
         },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-8.0.0.tgz",
+          "integrity": "sha1-6Bj9ac5cz8tARZT4QpY79TFkzDc=",
+          "dev": true
+        },
+        "eslint-scope": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/eslint-scope/download/eslint-scope-5.0.0.tgz",
+          "integrity": "sha1-6HyIh8c+jR7ITxylkWRcNYv8j7k=",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        },
+        "figures": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npm.taobao.org/figures/download/figures-3.2.0.tgz",
+          "integrity": "sha1-YlwYvSk8YE3EqN2y/r8MiDQXRq8=",
+          "dev": true,
+          "requires": {
+            "escape-string-regexp": "^1.0.5"
+          }
+        },
+        "glob-parent": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npm.taobao.org/glob-parent/download/glob-parent-5.1.1.tgz",
+          "integrity": "sha1-tsHvQXxOVmPqSY8cRa+saRa7wik=",
+          "dev": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "globals": {
+          "version": "12.4.0",
+          "resolved": "https://registry.npm.taobao.org/globals/download/globals-12.4.0.tgz",
+          "integrity": "sha1-oYgTV2pBsAokqX5/gVkYwuGZJfg=",
+          "dev": true,
+          "requires": {
+            "type-fest": "^0.8.1"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true
+        },
         "import-fresh": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.1.0.tgz",
-          "integrity": "sha1-bTP6Hc7235MPrgA0RvM0Fa+QURg=",
+          "version": "3.2.1",
+          "resolved": "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.2.1.tgz",
+          "integrity": "sha1-Yz/2GFBueTr1rJG/SLcmd+FcvmY=",
           "dev": true,
           "requires": {
             "parent-module": "^1.0.0",
             "resolve-from": "^4.0.0"
           }
         },
-        "regexpp": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npm.taobao.org/regexpp/download/regexpp-2.0.1.tgz",
-          "integrity": "sha1-jRnTHPYySCtYkEn4KB+T28uk0H8=",
+        "inquirer": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npm.taobao.org/inquirer/download/inquirer-7.1.0.tgz?cache=0&sync_timestamp=1583821033098&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.1.0.tgz",
+          "integrity": "sha1-EpigGFmIPhfHJkuChwrhA0+S3Sk=",
+          "dev": true,
+          "requires": {
+            "ansi-escapes": "^4.2.1",
+            "chalk": "^3.0.0",
+            "cli-cursor": "^3.1.0",
+            "cli-width": "^2.0.0",
+            "external-editor": "^3.0.3",
+            "figures": "^3.0.0",
+            "lodash": "^4.17.15",
+            "mute-stream": "0.0.8",
+            "run-async": "^2.4.0",
+            "rxjs": "^6.5.3",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0",
+            "through": "^2.3.6"
+          },
+          "dependencies": {
+            "chalk": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-3.0.0.tgz",
+              "integrity": "sha1-P3PCv1JlkfV0zEksUeJFY0n4ROQ=",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "6.0.0",
+              "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-6.0.0.tgz?cache=0&sync_timestamp=1573280549549&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-6.0.0.tgz",
+              "integrity": "sha1-CxVx3XZpzNTz4G4U7x7tJiJa5TI=",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^5.0.0"
+              }
+            }
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha1-8Rb4Bk/pCz94RKOJl8C3UFEmnx0=",
           "dev": true
         },
+        "mimic-fn": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-2.1.0.tgz",
+          "integrity": "sha1-ftLCzMyvhNP/y3pptXcR/CCDQBs=",
+          "dev": true
+        },
+        "mute-stream": {
+          "version": "0.0.8",
+          "resolved": "https://registry.npm.taobao.org/mute-stream/download/mute-stream-0.0.8.tgz",
+          "integrity": "sha1-FjDEKyJR/4HiooPelqVJfqkuXg0=",
+          "dev": true
+        },
+        "onetime": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npm.taobao.org/onetime/download/onetime-5.1.0.tgz",
+          "integrity": "sha1-//DzyRYX/mK7UBiWNumayKbfe+U=",
+          "dev": true,
+          "requires": {
+            "mimic-fn": "^2.1.0"
+          }
+        },
+        "optionator": {
+          "version": "0.8.3",
+          "resolved": "https://registry.npm.taobao.org/optionator/download/optionator-0.8.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Foptionator%2Fdownload%2Foptionator-0.8.3.tgz",
+          "integrity": "sha1-hPodA2/p08fiHZmIS2ARZ+yPtJU=",
+          "dev": true,
+          "requires": {
+            "deep-is": "~0.1.3",
+            "fast-levenshtein": "~2.0.6",
+            "levn": "~0.3.0",
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2",
+            "word-wrap": "~1.2.3"
+          }
+        },
         "resolve-from": {
           "version": "4.0.0",
           "resolved": "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz",
           "integrity": "sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=",
           "dev": true
         },
-        "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-2.6.3.tgz",
-          "integrity": "sha1-stEE/g2Psnz54KHNqCYt04M8bKs=",
+        "restore-cursor": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-3.1.0.tgz",
+          "integrity": "sha1-OfZ8VLOnpYzqUjbZXPADQjljH34=",
           "dev": true,
           "requires": {
-            "glob": "^7.1.3"
+            "onetime": "^5.1.0",
+            "signal-exit": "^3.0.2"
+          }
+        },
+        "run-async": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npm.taobao.org/run-async/download/run-async-2.4.0.tgz?cache=0&sync_timestamp=1582711649944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frun-async%2Fdownload%2Frun-async-2.4.0.tgz",
+          "integrity": "sha1-5ZBUpbhods+uB/Qx0Yy63cWU8eg=",
+          "dev": true,
+          "requires": {
+            "is-promise": "^2.1.0"
+          }
+        },
+        "rxjs": {
+          "version": "6.5.4",
+          "resolved": "https://registry.npm.taobao.org/rxjs/download/rxjs-6.5.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.5.4.tgz",
+          "integrity": "sha1-4Hd/4NGEzseHLfFH8wNXLUFOIRw=",
+          "dev": true,
+          "requires": {
+            "tslib": "^1.9.0"
           }
         },
         "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npm.taobao.org/semver/download/semver-5.7.1.tgz",
-          "integrity": "sha1-qVT5Ma66UI0we78Gnv8MAclhFvc=",
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
           "dev": true
         },
-        "slice-ansi": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npm.taobao.org/slice-ansi/download/slice-ansi-2.1.0.tgz",
-          "integrity": "sha1-ys12k0YaY3pXiNkqfdT7oGjoFjY=",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.0",
-            "astral-regex": "^1.0.0",
-            "is-fullwidth-code-point": "^2.0.0"
-          }
-        },
         "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz",
-          "integrity": "sha1-InZ74htirxCBV0MG9prFG2IgOWE=",
+          "version": "4.2.0",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-4.2.0.tgz",
+          "integrity": "sha1-lSGCxGzHssMT0VluYjmSvRY7crU=",
           "dev": true,
           "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.0"
           },
           "dependencies": {
-            "ansi-regex": {
-              "version": "4.1.0",
-              "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz",
-              "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
-              "dev": true
-            },
             "strip-ansi": {
-              "version": "5.2.0",
-              "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz",
-              "integrity": "sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=",
+              "version": "6.0.0",
+              "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-6.0.0.tgz?cache=0&sync_timestamp=1573280549549&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-6.0.0.tgz",
+              "integrity": "sha1-CxVx3XZpzNTz4G4U7x7tJiJa5TI=",
               "dev": true,
               "requires": {
-                "ansi-regex": "^4.1.0"
+                "ansi-regex": "^5.0.0"
               }
             }
           }
         },
-        "strip-ansi": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-4.0.0.tgz",
-          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+        "strip-json-comments": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/strip-json-comments/download/strip-json-comments-3.0.1.tgz",
+          "integrity": "sha1-hXE5dakfuHvxswXMp3OV5A0qZKc=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.1.0.tgz",
+          "integrity": "sha1-aOMlkd9z4lrRxLSRCKLsUHliv9E=",
           "dev": true,
           "requires": {
-            "ansi-regex": "^3.0.0"
+            "has-flag": "^4.0.0"
           }
         },
-        "table": {
-          "version": "5.4.6",
-          "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz",
-          "integrity": "sha1-EpLRlQDOP4YFOwXw6Ofko7shB54=",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.10.2",
-            "lodash": "^4.17.14",
-            "slice-ansi": "^2.1.0",
-            "string-width": "^3.0.0"
-          }
-        },
-        "write": {
-          "version": "1.0.3",
-          "resolved": "https://registry.npm.taobao.org/write/download/write-1.0.3.tgz",
-          "integrity": "sha1-CADhRSO5I6OH5BUSPIZWFqrg9cM=",
-          "dev": true,
-          "requires": {
-            "mkdirp": "^0.5.1"
-          }
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npm.taobao.org/type-fest/download/type-fest-0.8.1.tgz",
+          "integrity": "sha1-CeJJ696FHTseSNJ8EFREZn8XuD0=",
+          "dev": true
         }
       }
     },
@@ -6030,12 +6200,14 @@
       }
     },
     "eslint-plugin-vue": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-5.2.3.tgz?cache=0&sync_timestamp=1561378693439&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-vue%2Fdownload%2Feslint-plugin-vue-5.2.3.tgz",
-      "integrity": "sha1-PudZfYI7VHiASy/rqYY7G3QnOWE=",
+      "version": "6.2.2",
+      "resolved": "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-6.2.2.tgz?cache=0&sync_timestamp=1584178112159&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-vue%2Fdownload%2Feslint-plugin-vue-6.2.2.tgz",
+      "integrity": "sha1-J/7NmjokeJsPER7N1UCp5WGY4P4=",
       "dev": true,
       "requires": {
-        "vue-eslint-parser": "^5.0.0"
+        "natural-compare": "^1.4.0",
+        "semver": "^5.6.0",
+        "vue-eslint-parser": "^7.0.0"
       }
     },
     "eslint-scope": {
@@ -6049,29 +6221,36 @@
       }
     },
     "eslint-utils": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npm.taobao.org/eslint-utils/download/eslint-utils-1.4.2.tgz?cache=0&sync_timestamp=1566297013046&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-utils%2Fdownload%2Feslint-utils-1.4.2.tgz",
-      "integrity": "sha1-FmpRgO9qt+tGLxYv0ObyRj1zCas=",
+      "version": "1.4.3",
+      "resolved": "https://registry.npm.taobao.org/eslint-utils/download/eslint-utils-1.4.3.tgz",
+      "integrity": "sha1-dP7HxU0Hdrb2fgJRBAtYBlZOmB8=",
       "dev": true,
       "requires": {
-        "eslint-visitor-keys": "^1.0.0"
+        "eslint-visitor-keys": "^1.1.0"
       }
     },
     "eslint-visitor-keys": {
       "version": "1.1.0",
       "resolved": "https://registry.npm.taobao.org/eslint-visitor-keys/download/eslint-visitor-keys-1.1.0.tgz?cache=0&sync_timestamp=1565705511122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-visitor-keys%2Fdownload%2Feslint-visitor-keys-1.1.0.tgz",
-      "integrity": "sha1-4qgs6oT/JGrW+1f5veW0ZiFFnsI=",
-      "dev": true
+      "integrity": "sha1-4qgs6oT/JGrW+1f5veW0ZiFFnsI="
     },
     "espree": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npm.taobao.org/espree/download/espree-4.1.0.tgz?cache=0&sync_timestamp=1566612152812&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fespree%2Fdownload%2Fespree-4.1.0.tgz",
-      "integrity": "sha1-co1UUeD9FWwEOEp62J7VH/VOsl8=",
+      "version": "6.2.1",
+      "resolved": "https://registry.npm.taobao.org/espree/download/espree-6.2.1.tgz",
+      "integrity": "sha1-d/xy4f10SiBSwg84pbV1gy6Cc0o=",
       "dev": true,
       "requires": {
-        "acorn": "^6.0.2",
-        "acorn-jsx": "^5.0.0",
-        "eslint-visitor-keys": "^1.0.0"
+        "acorn": "^7.1.1",
+        "acorn-jsx": "^5.2.0",
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "7.1.1",
+          "resolved": "https://registry.npm.taobao.org/acorn/download/acorn-7.1.1.tgz?cache=0&sync_timestamp=1583823913618&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-7.1.1.tgz",
+          "integrity": "sha1-41Zo3gtALzWd5RXFSCoaufiaab8=",
+          "dev": true
+        }
       }
     },
     "esprima": {
@@ -6081,19 +6260,26 @@
       "dev": true
     },
     "esquery": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/esquery/download/esquery-1.0.1.tgz",
-      "integrity": "sha1-QGxRZYsfWZGl+bYrHcJbAOPlxwg=",
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/esquery/download/esquery-1.2.0.tgz",
+      "integrity": "sha1-oBClGcAojyUws0BBJL+18C6Xl/4=",
       "dev": true,
       "requires": {
-        "estraverse": "^4.0.0"
+        "estraverse": "^5.0.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/estraverse/download/estraverse-5.0.0.tgz?cache=0&sync_timestamp=1584934808187&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festraverse%2Fdownload%2Festraverse-5.0.0.tgz",
+          "integrity": "sha1-rIF1C0gsEcyibksH6D7Y91+83CI=",
+          "dev": true
+        }
       }
     },
     "esrecurse": {
       "version": "4.2.1",
       "resolved": "https://registry.npm.taobao.org/esrecurse/download/esrecurse-4.2.1.tgz",
       "integrity": "sha1-AHo7n9vCs7uH5IeeoZyS/b05Qs8=",
-      "dev": true,
       "requires": {
         "estraverse": "^4.1.0"
       }
@@ -6101,8 +6287,7 @@
     "estraverse": {
       "version": "4.3.0",
       "resolved": "https://registry.npm.taobao.org/estraverse/download/estraverse-4.3.0.tgz",
-      "integrity": "sha1-OYrT88WiSUi+dyXoPRGn3ijNvR0=",
-      "dev": true
+      "integrity": "sha1-OYrT88WiSUi+dyXoPRGn3ijNvR0="
     },
     "esutils": {
       "version": "2.0.3",
@@ -6491,6 +6676,15 @@
         "escape-string-regexp": "^1.0.5"
       }
     },
+    "file-entry-cache": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/file-entry-cache/download/file-entry-cache-5.0.1.tgz",
+      "integrity": "sha1-yg9u+m3T1WEzP7FFFQZcL6/fQ5w=",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^2.0.1"
+      }
+    },
     "file-loader": {
       "version": "4.3.0",
       "resolved": "https://registry.npm.taobao.org/file-loader/download/file-loader-4.3.0.tgz?cache=0&sync_timestamp=1574689264559&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffile-loader%2Fdownload%2Ffile-loader-4.3.0.tgz",
@@ -6601,10 +6795,32 @@
         "locate-path": "^3.0.0"
       }
     },
-    "flatted": {
+    "flat-cache": {
       "version": "2.0.1",
-      "resolved": "https://registry.npm.taobao.org/flatted/download/flatted-2.0.1.tgz",
-      "integrity": "sha1-aeV8qo8OrLwoHS4stFjUb9tEngg=",
+      "resolved": "https://registry.npm.taobao.org/flat-cache/download/flat-cache-2.0.1.tgz",
+      "integrity": "sha1-XSltbwS9pEpGMKMBQTvbwuwIXsA=",
+      "dev": true,
+      "requires": {
+        "flatted": "^2.0.0",
+        "rimraf": "2.6.3",
+        "write": "1.0.3"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-2.6.3.tgz",
+          "integrity": "sha1-stEE/g2Psnz54KHNqCYt04M8bKs=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "flatted": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/flatted/download/flatted-2.0.2.tgz?cache=0&sync_timestamp=1585471291177&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflatted%2Fdownload%2Fflatted-2.0.2.tgz",
+      "integrity": "sha1-RXWyHivO50NKqb5mL0t7X5wrUTg=",
       "dev": true
     },
     "flush-write-stream": {
@@ -6756,8 +6972,7 @@
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/fs.realpath/download/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
-      "dev": true
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
     },
     "fsevents": {
       "version": "1.2.12",
@@ -7318,8 +7533,7 @@
     "functional-red-black-tree": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/functional-red-black-tree/download/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
-      "dev": true
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
     },
     "gensync": {
       "version": "1.0.0-beta.1",
@@ -7950,7 +8164,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npm.taobao.org/inflight/download/inflight-1.0.6.tgz",
       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dev": true,
       "requires": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -7959,8 +8172,7 @@
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.4.tgz",
-      "integrity": "sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w=",
-      "dev": true
+      "integrity": "sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w="
     },
     "ini": {
       "version": "1.3.5",
@@ -8190,8 +8402,7 @@
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "dev": true
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
     },
     "is-fullwidth-code-point": {
       "version": "2.0.0",
@@ -8209,7 +8420,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npm.taobao.org/is-glob/download/is-glob-4.0.1.tgz",
       "integrity": "sha1-dWfb6fL14kZ7x3q4PEopSCQHpdw=",
-      "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
       }
@@ -9921,12 +10131,6 @@
       "integrity": "sha1-EjBkIvYzJK7YSD0/ODMrX2cFR6A=",
       "dev": true
     },
-    "lodash.unescape": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npm.taobao.org/lodash.unescape/download/lodash.unescape-4.0.1.tgz",
-      "integrity": "sha1-vyJJiGzlFM2hEvrpIYzcBlIR/Jw=",
-      "dev": true
-    },
     "lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npm.taobao.org/lodash.uniq/download/lodash.uniq-4.5.0.tgz",
@@ -10268,7 +10472,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npm.taobao.org/minimatch/download/minimatch-3.0.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminimatch%2Fdownload%2Fminimatch-3.0.4.tgz",
       "integrity": "sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=",
-      "dev": true,
       "requires": {
         "brace-expansion": "^1.1.7"
       }
@@ -10906,7 +11109,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npm.taobao.org/once/download/once-1.4.0.tgz",
       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true,
       "requires": {
         "wrappy": "1"
       }
@@ -11215,8 +11417,7 @@
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/path-is-absolute/download/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "dev": true
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
     },
     "path-is-inside": {
       "version": "1.0.2",
@@ -12428,6 +12629,12 @@
         }
       }
     },
+    "regexpp": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/regexpp/download/regexpp-2.0.1.tgz",
+      "integrity": "sha1-jRnTHPYySCtYkEn4KB+T28uk0H8=",
+      "dev": true
+    },
     "regexpu-core": {
       "version": "4.7.0",
       "resolved": "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.0.tgz",
@@ -13859,6 +14066,42 @@
       "integrity": "sha1-QwY30ki6d+B4iDlR+5qg7tfGP6I=",
       "dev": true
     },
+    "table": {
+      "version": "5.4.6",
+      "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz",
+      "integrity": "sha1-EpLRlQDOP4YFOwXw6Ofko7shB54=",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.10.2",
+        "lodash": "^4.17.14",
+        "slice-ansi": "^2.1.0",
+        "string-width": "^3.0.0"
+      },
+      "dependencies": {
+        "slice-ansi": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/slice-ansi/download/slice-ansi-2.1.0.tgz?cache=0&sync_timestamp=1581900311144&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fslice-ansi%2Fdownload%2Fslice-ansi-2.1.0.tgz",
+          "integrity": "sha1-ys12k0YaY3pXiNkqfdT7oGjoFjY=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.0",
+            "astral-regex": "^1.0.0",
+            "is-fullwidth-code-point": "^2.0.0"
+          }
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz",
+          "integrity": "sha1-InZ74htirxCBV0MG9prFG2IgOWE=",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        }
+      }
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npm.taobao.org/tapable/download/tapable-1.1.3.tgz",
@@ -14696,6 +14939,12 @@
       "integrity": "sha1-sj5DWK+oogL+ehAK8fX4g/AgB+4=",
       "dev": true
     },
+    "v8-compile-cache": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/v8-compile-cache/download/v8-compile-cache-2.1.0.tgz",
+      "integrity": "sha1-4U3jezGm0ZT1aQ1n78Tn9vxqsw4=",
+      "dev": true
+    },
     "validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npm.taobao.org/validate-npm-package-license/download/validate-npm-package-license-3.0.4.tgz",
@@ -14764,17 +15013,29 @@
       }
     },
     "vue-eslint-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-5.0.0.tgz",
-      "integrity": "sha1-APTk2pTsl0uCGib/DtD3p4QCuKE=",
+      "version": "7.0.0",
+      "resolved": "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.0.0.tgz",
+      "integrity": "sha1-pO0mafhxed7dBq/dhzasuzo4ZNY=",
       "dev": true,
       "requires": {
-        "debug": "^4.1.0",
-        "eslint-scope": "^4.0.0",
-        "eslint-visitor-keys": "^1.0.0",
-        "espree": "^4.1.0",
+        "debug": "^4.1.1",
+        "eslint-scope": "^5.0.0",
+        "eslint-visitor-keys": "^1.1.0",
+        "espree": "^6.1.2",
         "esquery": "^1.0.1",
-        "lodash": "^4.17.11"
+        "lodash": "^4.17.15"
+      },
+      "dependencies": {
+        "eslint-scope": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/eslint-scope/download/eslint-scope-5.0.0.tgz",
+          "integrity": "sha1-6HyIh8c+jR7ITxylkWRcNYv8j7k=",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        }
       }
     },
     "vue-hot-reload-api": {
@@ -15396,6 +15657,12 @@
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
       "dev": true
     },
+    "word-wrap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz",
+      "integrity": "sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=",
+      "dev": true
+    },
     "wordwrap": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/wordwrap/download/wordwrap-1.0.0.tgz",
@@ -15447,8 +15714,16 @@
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-      "dev": true
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "write": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/write/download/write-1.0.3.tgz",
+      "integrity": "sha1-CADhRSO5I6OH5BUSPIZWFqrg9cM=",
+      "dev": true,
+      "requires": {
+        "mkdirp": "^0.5.1"
+      }
     },
     "write-file-atomic": {
       "version": "2.4.1",
diff --git a/package.json b/package.json
index e6fc819..41a0c37 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,8 @@
   "devDependencies": {
     "@types/jest": "^24.9.1",
     "@types/lodash": "^4.14.149",
+    "@typescript-eslint/eslint-plugin": "^2.25.0",
+    "@typescript-eslint/parser": "^2.25.0",
     "@vue/cli-plugin-babel": "^4.2.3",
     "@vue/cli-plugin-eslint": "^4.2.3",
     "@vue/cli-plugin-router": "^4.2.3",
@@ -35,10 +37,10 @@
     "@vue/cli-plugin-unit-jest": "^4.2.3",
     "@vue/cli-plugin-vuex": "^4.2.3",
     "@vue/cli-service": "^4.2.3",
-    "@vue/eslint-config-typescript": "^4.0.0",
+    "@vue/eslint-config-typescript": "^5.0.2",
     "@vue/test-utils": "1.0.0-beta.29",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
+    "eslint": "^6.8.0",
+    "eslint-plugin-vue": "^6.2.2",
     "lint-staged": "^9.5.0",
     "sass": "^1.26.3",
     "sass-loader": "^8.0.2",
diff --git a/src/Api.ts b/src/Api.ts
index 49da7b2..9bde463 100644
--- a/src/Api.ts
+++ b/src/Api.ts
@@ -1,4 +1,5 @@
-import Axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';
+/* eslint-disable @typescript-eslint/camelcase */
+import Axios, { AxiosInstance, AxiosResponse } from 'axios';
 import { RssNode, RssRule } from '@/types';
 
 class Api {
@@ -193,7 +194,7 @@ class Api {
     }).then(Api.handleResponse);
   }
 
-  public addRssFeed(url: string, path: string = '') {
+  public addRssFeed(url: string, path = '') {
     const params: any = {
       url,
       path,
diff --git a/src/App.vue b/src/App.vue
index c7095a5..387fa32 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,12 +13,19 @@
         <v-divider />
         <v-expansion-panels
           class="drawer-footer"
+        >
+          <v-expansion-panel
+            lazy
+            @input="drawerFooterOpen"
           >
-          <v-expansion-panel lazy @input="drawerFooterOpen">
             <v-expansion-panel-header>
               <div class="d-flex align-center">
-                <v-icon class="footer-icon shrink">mdi-information-outline</v-icon>
-                <span class="footer-title">Status info</span>
+                <v-icon class="footer-icon shrink">
+                  mdi-information-outline
+                </v-icon>
+                <span class="footer-title">
+                  Status info
+                </span>
               </div>
             </v-expansion-panel-header>
             <v-expansion-panel-content>
@@ -36,8 +43,14 @@
     </v-content>
 
     <add-form v-if="preferences" />
-    <login-form v-if="needAuth" v-model="needAuth" />
-    <logs-dialog v-if="drawerOptions.showLogs" v-model="drawerOptions.showLogs" />
+    <login-form
+      v-if="needAuth"
+      v-model="needAuth"
+    />
+    <logs-dialog
+      v-if="drawerOptions.showLogs"
+      v-model="drawerOptions.showLogs"
+    />
     <RssDialog
       v-if="drawerOptions.showRss"
       v-model="drawerOptions.showRss"
@@ -60,10 +73,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import {
-  mapActions, mapGetters, mapState, mapMutations,
-} from 'vuex';
-import Axios, { AxiosError } from 'axios';
+import { mapGetters, mapState, mapMutations } from 'vuex';
 import GlobalDialog from './components/GlobalDialog.vue';
 import GlobalSnackBar from './components/GlobalSnackBar.vue';
 
diff --git a/src/components/AddForm.vue b/src/components/AddForm.vue
index c5489a0..a46f507 100644
--- a/src/components/AddForm.vue
+++ b/src/components/AddForm.vue
@@ -63,7 +63,10 @@
               </v-row>
               <v-row no-gutters>
                 <template v-if="showMore">
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-combobox
                       :label="$t('category', 1)"
                       prepend-icon="mdi-folder"
@@ -74,7 +77,10 @@
                       @input="setParams('category', $event.value)"
                     />
                   </v-col>
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-checkbox
                       prepend-icon="mdi-file-tree"
                       :label="$t('label.create_subfolder')"
@@ -83,14 +89,20 @@
                     />
                   </v-col>
                 </template>
-                <v-col cols="12" sm="6">
+                <v-col
+                  cols="12"
+                  sm="6"
+                >
                   <v-checkbox
                     v-model="autoStart"
                     :label="$t('label.start_torrent')"
                     prepend-icon="mdi-play-pause"
                   />
                 </v-col>
-                <v-col cols="12" sm="6">
+                <v-col
+                  cols="12"
+                  sm="6"
+                >
                   <v-checkbox
                     prepend-icon="mdi-progress-check"
                     :label="$t('label.skip_hash_check')"
@@ -99,7 +111,10 @@
                   />
                 </v-col>
                 <template v-if="showMore">
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-checkbox
                       :label="$t('label.in_sequential_order')"
                       prepend-icon="mdi-sort-descending"
@@ -107,7 +122,10 @@
                       @change="setParams('sequentialDownload', $event.value)"
                     />
                   </v-col>
-                  <v-col cols="12" sm="6">
+                  <v-col
+                    cols="12"
+                    sm="6"
+                  >
                     <v-checkbox
                       prepend-icon="mdi-ray-start-end"
                       :label="$t('label.first_and_last_pieces_first')"
@@ -126,9 +144,18 @@
           />
         </v-card-text>
         <v-card-actions>
-          <v-btn text @click="showMore = !showMore" v-text="showMore ? $t('less') : $t('more')" />
+          <v-btn
+            text
+            @click="showMore = !showMore"
+            v-text="showMore ? $t('less') : $t('more')"
+          />
           <v-spacer />
-          <v-btn text @click="dialog = false">{{ $t('cancel') }}</v-btn>
+          <v-btn
+            text
+            @click="dialog = false"
+          >
+            {{ $t('cancel') }}
+          </v-btn>
           <v-btn
             text
             @click="submit"
@@ -149,11 +176,11 @@ import { isNil } from 'lodash';
 import Vue from 'vue';
 import { mapState } from 'vuex';
 
-import { tr } from '@/locale';
 import api from '../Api';
 import Component from 'vue-class-component';
 import { Watch } from 'vue-property-decorator';
 
+/* eslint-disable @typescript-eslint/camelcase */
 const defaultParams = {
   urls: null,
   category: null,
@@ -163,6 +190,7 @@ const defaultParams = {
   sequentialDownload: false,
   firstLastPiecePrio: false,
 };
+/* eslint-enable @typescript-eslint/camelcase */
 
 @Component({
   computed: {
@@ -189,9 +217,9 @@ export default class AddForm extends Vue {
   pasteUrl!: string | null
   prefs!: any
   $refs!: {
-    form: any,
-    file: any,
-    fileZone: HTMLElement,
+    form: any;
+    file: any;
+    fileZone: HTMLElement;
   }
   
   get params() {
@@ -213,6 +241,7 @@ export default class AddForm extends Vue {
 
   created() {
     defaultParams.paused = this.prefs.start_paused_enabled;
+    /* eslint-disable-next-line @typescript-eslint/camelcase */
     defaultParams.root_path = this.prefs.create_subfolder_enabled;
     this.showMore = !this.phoneLayout;
   }
@@ -301,7 +330,7 @@ export default class AddForm extends Vue {
   }
 
   @Watch('files')
-  onFilesChange(v: FileList) {
+  onFilesChange() {
     this.$refs.form.validate();
   }
 }
diff --git a/src/components/Drawer.vue b/src/components/Drawer.vue
index cae214f..764d607 100644
--- a/src/components/Drawer.vue
+++ b/src/components/Drawer.vue
@@ -41,7 +41,11 @@
           :group="child"
         />
       </template>
-      <v-list-item v-else :key="item.title" @click="item.click ? item.click() : null">
+      <v-list-item
+        v-else
+        :key="item.title"
+        @click="item.click ? item.click() : null"
+      >
         <v-list-item-icon>
           <v-icon>{{ item.icon }}</v-icon>
         </v-list-item-icon>
@@ -58,14 +62,14 @@
 <script lang="ts">
 import { sortBy, sumBy, defaultTo, isUndefined } from 'lodash';
 import Vue from 'vue';
-import { mapState, mapMutations, mapGetters } from 'vuex';
+import { mapGetters } from 'vuex';
 
 import { tr } from '@/locale';
 import { Torrent, Category } from '@/types';
 import FilterGroup from './drawer/FilterGroup.vue';
 import api from '../Api';
 import { formatSize } from '../filters';
-import { SiteMap, StateType, AllStateTypes } from '../consts';
+import { SiteMap, StateType } from '../consts';
 import Component from 'vue-class-component';
 import { Prop, Emit } from 'vue-property-decorator';
 
@@ -113,24 +117,18 @@ const stateList = [
 ];
 
 interface MenuItem {
-  icon: string,
-  'icon-alt'?: string,
-  title: string,
-  model?: boolean,
-  select?: string,
-  click?: () => void,
-  children?: MenuChildrenItem[],
+  icon: string;
+  'icon-alt'?: string;
+  title: string;
+  model?: boolean;
+  select?: string;
+  click?: () => void;
+  children?: MenuChildrenItem[];
 }
 
 interface MenuChildrenItem extends MenuItem {
-  key: string | null,
-  append?: string,
-}
-
-interface Data {
-  tr: any,
-  basicItems: MenuItem[],
-  endItems: MenuItem[],
+  key: string | null;
+  append?: string;
 }
 
 @Component({
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index e06e9b7..437ffb1 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,130 +1,180 @@
 <template>
-<div
-  class="footer d-flex"
-  :class="topLayoutClass"
-  v-if="isDataReady">
   <div
-    class="d-flex shrink"
-    :class="phoneLayout ? 'flex-column' : 'align-center'"
-    v-if="app"
+    class="footer d-flex"
+    :class="topLayoutClass"
+    v-if="isDataReady"
   >
-    <div v-if="!phoneLayout">
-      <v-tooltip top>
-        <template v-slot:activator="{ on }">
-          <span v-on="on">
-            qBittorrent {{ app.version }}
+    <div
+      class="d-flex shrink"
+      :class="phoneLayout ? 'flex-column' : 'align-center'"
+      v-if="app"
+    >
+      <div v-if="!phoneLayout">
+        <v-tooltip top>
+          <template v-slot:activator="{ on }">
+            <span v-on="on">
+              qBittorrent {{ app.version }}
+            </span>
+          </template>
+          <span>
+            API version: {{ app.apiVersion }}
           </span>
-        </template>
+        </v-tooltip>
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div class="icon-label">
+        <v-icon>mdi-sprout</v-icon>
+        {{ allTorrents.length }} [{{ totalSize | formatSize }}]
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div class="icon-label">
+        <v-icon>mdi-nas</v-icon>
+        {{ info.free_space_on_disk | formatSize }}
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div
+        class="icon-label"
+        v-if="!phoneLayout"
+      >
+        <v-icon class="icon-upload-download">
+          mdi-swap-vertical-bold
+        </v-icon>
         <span>
-          API version: {{ app.apiVersion }}
+          {{ info.alltime_dl | formatSize }}/{{ info.alltime_ul | formatSize }}
         </span>
-      </v-tooltip>
+      </div>
     </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-icon>mdi-sprout</v-icon>
-      {{ allTorrents.length }} [{{ totalSize | formatSize }}]
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-icon>mdi-nas</v-icon>
-      {{ info.free_space_on_disk | formatSize }}
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label" v-if="!phoneLayout">
-      <v-icon class="icon-upload-download">mdi-swap-vertical-bold</v-icon>
-      <span>
-        {{ info.alltime_dl | formatSize }}/{{ info.alltime_ul | formatSize }}
-      </span>
-    </div>
-  </div>
-  <div
-    class="d-flex shrink"
-    :class="phoneLayout ? 'flex-column' : 'align-center'"
-    v-if="info"
-  >
-    <div v-if="!phoneLayout" class="icon-label">
-      <v-icon>mdi-access-point-network</v-icon>
-      {{ info.dht_nodes }} nodes
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-tooltip top>
-        <template v-slot:activator="{ on }">
-          <v-icon
-            v-on="on"
-            :color="info.connection_status | connectionIconColor"
-          >mdi-{{ info.connection_status | connectionIcon }}</v-icon>
-          <span v-if="phoneLayout">
+    <div
+      class="d-flex shrink"
+      :class="phoneLayout ? 'flex-column' : 'align-center'"
+      v-if="info"
+    >
+      <div
+        v-if="!phoneLayout"
+        class="icon-label"
+      >
+        <v-icon>mdi-access-point-network</v-icon>
+        {{ info.dht_nodes }} nodes
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div class="icon-label">
+        <v-tooltip top>
+          <template v-slot:activator="{ on }">
+            <v-icon
+              v-on="on"
+              :color="info.connection_status | connectionIconColor"
+            >
+              mdi-{{ info.connection_status | connectionIcon }}
+            </v-icon>
+            <span v-if="phoneLayout">
+              Network {{ info.connection_status }}
+            </span>
+          </template>
+          <span>
             Network {{ info.connection_status }}
           </span>
-        </template>
+        </v-tooltip>
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div class="icon-label">
+        <v-switch
+          v-if="phoneLayout"
+          hide-details
+          :value="speedLimited"
+          @change="toggleSpeedLimitsMode"
+          label="Alternative speed limits"
+          class="mt-0 pt-0 speed-switch"
+        >
+          <template v-slot:prepend>
+            <v-icon
+              v-bind="speedModeBind"
+            >
+              mdi-speedometer
+            </v-icon>
+          </template>
+        </v-switch>
+        <v-tooltip
+          top
+          v-else
+        >
+          <template v-slot:activator="{ on }">
+            <v-icon
+              v-on="on"
+              v-bind="speedModeBind"
+              @click="toggleSpeedLimitsMode"
+            >
+              mdi-speedometer
+            </v-icon>
+          </template>
+          <span>
+            Alternative speed limits {{ speedLimited ? 'enabled' : 'disabled' }}
+          </span>
+        </v-tooltip>
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div class="icon-label">
+        <v-icon
+          :color=" info.dl_info_speed > 0 ? 'success' : null"
+        >
+          mdi-download
+        </v-icon>
         <span>
-          Network {{ info.connection_status }}
+          {{ info.dl_info_speed | formatSize }}/s
+          <template v-if="info.dl_rate_limit">
+            ({{ info.dl_rate_limit | formatSize }}/s)
+          </template>
+          <template v-if="!phoneLayout">
+            [{{ info.dl_info_data | formatSize }}]
+          </template>
         </span>
-      </v-tooltip>
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-switch
-        v-if="phoneLayout"
-        hide-details
-        :value="speedLimited"
-        @change="toggleSpeedLimitsMode"
-        label="Alternative speed limits"
-        class="mt-0 pt-0 speed-switch"
-      >
-        <template v-slot:prepend>
-          <v-icon
-            v-bind="speedModeBind"
-          >mdi-speedometer</v-icon>
-        </template>
-      </v-switch>
-      <v-tooltip top v-else>
-        <template v-slot:activator="{ on }">
-          <v-icon
-            v-on="on"
-            v-bind="speedModeBind"
-            @click="toggleSpeedLimitsMode"
-          >mdi-speedometer</v-icon>
-        </template>
+      </div>
+      <v-divider
+        vertical
+        class="mx-2"
+        v-if="!phoneLayout"
+      />
+      <div class="icon-label">
+        <v-icon
+          :color=" info.up_info_speed > 0 ? 'warning' : null"
+        >
+          mdi-upload
+        </v-icon>
         <span>
-          Alternative speed limits {{ speedLimited ? 'enabled' : 'disabled' }}
+          {{ info.up_info_speed | formatSize }}/s
+          <template v-if="info.up_rate_limit">
+            ({{ info.up_rate_limit | formatSize }}/s)
+          </template>
+          <template v-if="!phoneLayout">
+            [{{ info.up_info_data | formatSize }}]
+          </template>
         </span>
-      </v-tooltip>
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-icon
-        :color=" info.dl_info_speed > 0 ? 'success' : null"
-      >mdi-download</v-icon>
-      <span>
-        {{ info.dl_info_speed | formatSize }}/s
-        <template v-if="info.dl_rate_limit">
-          ({{ info.dl_rate_limit | formatSize}}/s)
-        </template>
-        <template v-if="!phoneLayout">
-          [{{ info.dl_info_data | formatSize }}]
-        </template>
-      </span>
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-icon
-        :color=" info.up_info_speed > 0 ? 'warning' : null"
-      >mdi-upload</v-icon>
-      <span>
-        {{ info.up_info_speed | formatSize }}/s
-        <template v-if="info.up_rate_limit">
-          ({{ info.up_rate_limit | formatSize}}/s)
-        </template>
-        <template v-if="!phoneLayout">
-          [{{ info.up_info_data | formatSize }}]
-        </template>
-      </span>
+      </div>
     </div>
   </div>
-</div>
 </template>
 
 <script lang="ts">
diff --git a/src/components/GlobalDialog.vue b/src/components/GlobalDialog.vue
index 511a0b9..c3cc2d7 100644
--- a/src/components/GlobalDialog.vue
+++ b/src/components/GlobalDialog.vue
@@ -35,15 +35,11 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
-import {
-  computed, ref, watch, Ref,
-} from '@vue/composition-api';
+import { computed, ref, watch } from '@vue/composition-api';
 
 import { tr } from '@/locale';
 import { DialogType, DialogConfig } from '@/store/types';
 import { useMutations, useState } from '@/store';
-import { timeout } from '@/utils';
 
 const BUTTONS = {
   [DialogType.Alert]: [
diff --git a/src/components/GlobalSnackBar.vue b/src/components/GlobalSnackBar.vue
index 016e1f9..7a37e95 100644
--- a/src/components/GlobalSnackBar.vue
+++ b/src/components/GlobalSnackBar.vue
@@ -21,9 +21,6 @@
 <script>
 import { useMutations, useState } from '@/store';
 
-import { tr } from '@/locale';
-import { timeout } from '@/utils';
-
 export default {
   setup() {
     const mutations = useMutations(['closeSnackBar']);
@@ -48,7 +45,6 @@ export default {
     }
 
     return {
-      tr,
       config,
       changed,
       clickBtn,
diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
index 15616ec..e5e7aac 100644
--- a/src/components/LoginForm.vue
+++ b/src/components/LoginForm.vue
@@ -1,7 +1,14 @@
 <template>
-  <v-dialog v-model="value" persistent width="25em">
+  <v-dialog
+    v-model="value"
+    persistent
+    width="25em"
+  >
     <v-card>
-      <v-toolbar dark color="primary">
+      <v-toolbar
+        dark
+        color="primary"
+      >
         <v-toolbar-title>{{ $t('login') }}</v-toolbar-title>
       </v-toolbar>
       <v-card-text>
@@ -9,9 +16,11 @@
           ref="form"
           v-model="valid"
         >
-          <div class="pa-0"
-                        @keyup.enter.capture="submit"
-            v-bind="{ [`grid-list-${$vuetify.breakpoint.name}`]: true }">
+          <div
+            class="pa-0"
+            @keyup.enter.capture="submit"
+            v-bind="{ [`grid-list-${$vuetify.breakpoint.name}`]: true }"
+          >
             <v-text-field
               v-model="params.username"
               prepend-icon="mdi-account"
diff --git a/src/components/Torrents.vue b/src/components/Torrents.vue
index 52783e6..b8adc0d 100644
--- a/src/components/Torrents.vue
+++ b/src/components/Torrents.vue
@@ -151,7 +151,9 @@
               <v-icon :color="row.item.state | stateColor">
                 {{ row.item.state | stateIcon }}
               </v-icon>
-              <span class="torrent-title">{{ row.item.name }}</span>
+              <span class="torrent-title">
+                {{ row.item.name }}
+              </span>
             </td>
             <td>{{ row.item.size | formatSize }}</td>
             <td>
@@ -215,9 +217,7 @@ import ConfirmSetCategoryDialog from './dialogs/ConfirmSetCategoryDialog.vue'
 import EditTrackerDialog from './dialogs/EditTrackerDialog.vue'
 import InfoDialog from './dialogs/InfoDialog.vue'
 import api from '../Api'
-import { formatSize, formatDuration } from '../filters'
-import { torrentIsState } from '../utils'
-import { StateType } from '../consts'
+import { formatSize } from '../filters'
 import { DialogType, TorrentFilter, ConfigPayload, DialogConfig, SnackBarConfig } from '../store/types'
 import Component from 'vue-class-component'
 import { Torrent, Category } from '../types'
diff --git a/src/components/dialogs/ConfirmDeleteDialog.vue b/src/components/dialogs/ConfirmDeleteDialog.vue
index 745218e..53d0636 100644
--- a/src/components/dialogs/ConfirmDeleteDialog.vue
+++ b/src/components/dialogs/ConfirmDeleteDialog.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-dialog :value="true" @input="closeDialog" :fullscreen="phoneLayout" width="40em">
+  <v-dialog
+    :value="true"
+    @input="closeDialog"
+    :fullscreen="phoneLayout"
+    width="40em"
+  >
     <v-card>
       <v-card-title
         class="headline grey lighten-4"
@@ -10,7 +15,10 @@
       <v-card-text class="pb-0">
         {{ $t('dialog.delete_torrents.msg') }}
         <ol class="torrents pt-6">
-          <li v-for="(row, i) in torrents" :key="i">
+          <li
+            v-for="(row, i) in torrents"
+            :key="i"
+          >
             {{ row.name }}
           </li>
         </ol>
@@ -30,7 +38,12 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn text @click="closeDialog">{{ $t('cancel') }}</v-btn>
+        <v-btn
+          text
+          @click="closeDialog"
+        >
+          {{ $t('cancel') }}
+        </v-btn>
         <v-btn
           @click="submit"
           color="warning"
diff --git a/src/components/dialogs/ConfirmSetCategoryDialog.vue b/src/components/dialogs/ConfirmSetCategoryDialog.vue
index fea5d6b..64641aa 100644
--- a/src/components/dialogs/ConfirmSetCategoryDialog.vue
+++ b/src/components/dialogs/ConfirmSetCategoryDialog.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-dialog :value="true" @input="closeDialog" :fullscreen="phoneLayout" width="40em">
+  <v-dialog
+    :value="true"
+    @input="closeDialog"
+    :fullscreen="phoneLayout"
+    width="40em"
+  >
     <v-card>
       <v-card-title
         class="headline grey lighten-4"
@@ -15,7 +20,10 @@
           {{ $t('dialog.set_category.reset') }}
         </template>
         <ol class="torrents pt-6">
-          <li v-for="(row, i) in torrents" :key="i">
+          <li
+            v-for="(row, i) in torrents"
+            :key="i"
+          >
             {{ row.name }}
           </li>
         </ol>
@@ -25,12 +33,17 @@
           v-model="moveSameNamed"
           prepend-icon="mdi-file-multiple"
           class="mt-0"
-          :label="$t('dialog.set_category.also.move_same_name_torrents', sameNamedTorrents.length)"
+          :label="$t('dialog.set_category.also_move_same_name_torrents', sameNamedTorrents.length)"
         />
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn text @click="closeDialog">{{ $t('cancel') }}</v-btn>
+        <v-btn
+          text
+          @click="closeDialog"
+        >
+          {{ $t('cancel') }}
+        </v-btn>
         <v-btn
           @click="submit"
           color="warning"
diff --git a/src/components/dialogs/EditTrackerDialog.vue b/src/components/dialogs/EditTrackerDialog.vue
index 3473e2b..3899db3 100644
--- a/src/components/dialogs/EditTrackerDialog.vue
+++ b/src/components/dialogs/EditTrackerDialog.vue
@@ -16,11 +16,26 @@
       <v-card-text class="pa-0">
         <v-stepper v-model="step">
           <v-stepper-header>
-            <v-stepper-step :complete="step > 1" step="1">Search</v-stepper-step>
+            <v-stepper-step
+              :complete="step > 1"
+              step="1"
+            >
+              Search
+            </v-stepper-step>
             <v-divider />
-            <v-stepper-step :complete="step > 2" step="2">Preview</v-stepper-step>
+            <v-stepper-step
+              :complete="step > 2"
+              step="2"
+            >
+              Preview
+            </v-stepper-step>
             <v-divider />
-            <v-stepper-step :complete="step > 3" step="3">Result</v-stepper-step>
+            <v-stepper-step
+              :complete="step > 3"
+              step="3"
+            >
+              Result
+            </v-stepper-step>
           </v-stepper-header>
           <v-stepper-items>
             <v-stepper-content step="1">
@@ -41,7 +56,10 @@
             <v-stepper-content step="2">
               {{ toEdit.length }} torrent(s) to update.
               <ol class="torrents pt-6">
-                <li v-for="(row, i) in toEdit" :key="i">
+                <li
+                  v-for="(row, i) in toEdit"
+                  :key="i"
+                >
                   {{ row.name }}
                   <br>
                   {{ row.origUrl }}
@@ -69,7 +87,9 @@
           @click="back"
           v-if="step < 3"
           v-text="step == 1 ? 'Cancel' : 'Back'"
-        >Back</v-btn>
+        >
+          Back
+        </v-btn>
         <v-btn
           @click="foward"
           color="warning"
diff --git a/src/components/dialogs/InfoDialog.vue b/src/components/dialogs/InfoDialog.vue
index e68e6bf..cf09ed2 100644
--- a/src/components/dialogs/InfoDialog.vue
+++ b/src/components/dialogs/InfoDialog.vue
@@ -108,7 +108,7 @@ import Trackers from './Trackers.vue';
 import Peers from './Peers.vue';
 import Panel from './Panel.vue';
 import Component from 'vue-class-component';
-import { Prop, Emit, Watch, PropSync } from 'vue-property-decorator';
+import { Prop, Emit, PropSync } from 'vue-property-decorator';
 import { Torrent } from '../../types';
 
 @Component({
diff --git a/src/components/dialogs/LogsDialog.vue b/src/components/dialogs/LogsDialog.vue
index 476a2c8..35cc80e 100644
--- a/src/components/dialogs/LogsDialog.vue
+++ b/src/components/dialogs/LogsDialog.vue
@@ -20,7 +20,11 @@
           v-if="!logs.length"
         />
         <ol class="logs caption">
-          <li v-for="(row, i) in logs" :key="i" :class="row.type | typeColor">
+          <li
+            v-for="(row, i) in logs"
+            :key="i"
+            :class="row.type | typeColor"
+          >
             [{{ row.type | formatType }} {{ row.timestamp / 1000 | formatTimestamp }}]
             <span v-html="row.message" />
           </li>
@@ -29,14 +33,18 @@
       </v-card-text>
       <v-card-actions>
         <v-spacer />
-        <v-btn text @click="closeDialog">Close</v-btn>
+        <v-btn
+          text
+          @click="closeDialog"
+        >
+          Close
+        </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
 import api from '@/Api';
 import Component from 'vue-class-component';
 import HasTask from '../../mixins/hasTask';
diff --git a/src/components/dialogs/Panel.vue b/src/components/dialogs/Panel.vue
index b8fc653..2d7741b 100644
--- a/src/components/dialogs/Panel.vue
+++ b/src/components/dialogs/Panel.vue
@@ -1,13 +1,19 @@
 <template>
-<fieldset class="panel" v-if="!single">
-  <legend v-text="title" />
-  <div class="inner">
+  <fieldset
+    class="panel"
+    v-if="!single"
+  >
+    <legend v-text="title" />
+    <div class="inner">
+      <slot />
+    </div>
+  </fieldset>
+  <div
+    v-else
+    class="inner"
+  >
     <slot />
   </div>
-</fieldset>
-<div class="inner" v-else>
-  <slot />
-</div>
 </template>
 
 <script lang="ts">
@@ -16,7 +22,10 @@ import Vue from 'vue';
 export default Vue.extend({
   props: {
     single: Boolean,
-    title: String,
+    title: {
+      type: String,
+      required: true,
+    },
   },
 });
 </script>
diff --git a/src/components/dialogs/Peers.vue b/src/components/dialogs/Peers.vue
index 0726f92..43d6c46 100644
--- a/src/components/dialogs/Peers.vue
+++ b/src/components/dialogs/Peers.vue
@@ -15,16 +15,20 @@
               :title="row.item.country"
               :alt="codeToFlag(row.item.country_code).char"
               :src="codeToFlag(row.item.country_code).url"
-            />
+            >
             <template v-else>
               {{ codeToFlag(row.item.country_code).char }}
             </template>
           </template>
           {{ row.item.ip }}
-          <span class="grey--text">:{{ row.item.port }}</span>
+          <span class="grey--text">
+            :{{ row.item.port }}
+          </span>
         </td>
         <td>{{ row.item.connection }}</td>
-        <td :title="row.item.flags_desc">{{ row.item.flags }}</td>
+        <td :title="row.item.flags_desc">
+          {{ row.item.flags }}
+        </td>
         <td>{{ row.item.client }}</td>
         <td>{{ row.item.progress | progress }}</td>
         <td>{{ row.item.dl_speed | networkSpeed }}</td>
@@ -40,7 +44,6 @@
 
 <script lang="ts">
 import { map, merge, cloneDeep } from 'lodash';
-import Vue from 'vue';
 import { codeToFlag, isWindows } from '../../utils';
 import api from '../../Api';
 import { formatSize } from '../../filters';
diff --git a/src/components/dialogs/RssDialog.vue b/src/components/dialogs/RssDialog.vue
index f8cbfce..79e8514 100644
--- a/src/components/dialogs/RssDialog.vue
+++ b/src/components/dialogs/RssDialog.vue
@@ -12,16 +12,28 @@
         <v-icon class="mr-2">mdi-rss-box</v-icon>
         <span>RSS</span>
         <v-spacer />
-        <v-btn icon @click="closeDialog">
+        <v-btn
+          icon
+          @click="closeDialog"
+        >
           <v-icon>mdi-close</v-icon>
         </v-btn>
       </v-card-title>
       <v-card-text>
         <div class="toolbar">
-          <v-btn icon @click="addRssItem" :title="$t('dialog.rss.add_feed')">
+          <v-btn
+            icon
+            @click="addRssItem"
+            :title="$t('dialog.rss.add_feed')"
+          >
             <v-icon>mdi-link-plus</v-icon>
           </v-btn>
-          <v-btn icon :disabled="!selectNode" @click="deleteRssItem" :title="$t('delete')">
+          <v-btn
+            icon
+            :disabled="!selectNode"
+            @click="deleteRssItem"
+            :title="$t('delete')"
+          >
             <v-icon>mdi-delete</v-icon>
           </v-btn>
           <v-spacer />
@@ -38,16 +50,22 @@
             :label="$t('dialog.rss.auto_download')"
             hide-details
           />
-          <v-btn icon @click="showRulesDialog = true" :title="$t('settings')">
+          <v-btn
+            icon
+            @click="showRulesDialog = true"
+            :title="$t('settings')"
+          >
             <v-icon>mdi-settings</v-icon>
           </v-btn>
         </div>
         <v-divider />
         <div class="content">
           <div class="content-inner">
-            <div v-if="!rssNode" class="loading">
-              <v-progress-circular indeterminate>
-              </v-progress-circular>
+            <div
+              v-if="!rssNode"
+              class="loading"
+            >
+              <v-progress-circular indeterminate />
             </div>
             <template v-else>
               <div class="rss-items">
@@ -67,7 +85,10 @@
                       size="22"
                       width="2"
                     />
-                    <v-icon v-else v-text="getRowIcon(row)" />
+                    <v-icon
+                      v-else
+                      v-text="getRowIcon(row)"
+                    />
                   </template>
                   <template v-slot:label="row">
                     {{ row.item.name }}
@@ -82,17 +103,24 @@
                 <div class="rss-info">
                   <p>
                     {{ $t('title._') }}:
-                    <a v-if="selectItem" target="_blank" :href="selectItem.url">{{ selectItem.title }}</a>
+                    <a
+                      v-if="selectItem"
+                      target="_blank"
+                      :href="selectItem.url"
+                    >{{ selectItem.title }}</a>
                   </p>
                   <p>{{ $t('date') }}: {{ (selectItem ? selectItem.lastBuildDate : null) | date }}</p>
                 </div>
-                <v-divider/>
+                <v-divider />
                 <div class="list-wrapper">
                   <v-list
                     v-if="selectItem"
                     dense
                   >
-                    <v-list-item-group v-model="selectArticle" color="primary" >
+                    <v-list-item-group
+                      v-model="selectArticle"
+                      color="primary"
+                    >
                       <v-list-item
                         v-for="article in selectItem.articles"
                         :key="article.id"
@@ -100,11 +128,17 @@
                       >
                         <v-list-item-content>
                           <v-list-item-title>
-                            <span :title="article.title" v-text="article.title"/>
+                            <span
+                              :title="article.title"
+                              v-text="article.title"
+                            />
                           </v-list-item-title>
                         </v-list-item-content>
                         <v-list-item-action>
-                          <v-btn icon @click.stop="downloadTorrent(article)">
+                          <v-btn
+                            icon
+                            @click.stop="downloadTorrent(article)"
+                          >
                             <v-icon>mdi-download</v-icon>
                           </v-btn>
                         </v-list-item-action>
@@ -118,13 +152,22 @@
                 <div class="rss-info">
                   <p>
                     {{ $t('title._') }}:
-                    <a v-if="selectArticle" target="_blank" :href="selectArticle.link">{{ selectArticle.title }}</a>
+                    <a
+                      v-if="selectArticle"
+                      target="_blank"
+                      :href="selectArticle.link"
+                    >{{ selectArticle.title }}</a>
                   </p>
                   <p>{{ `${$t('category', 1)}: ${selectArticle ? selectArticle.category: ''}` }}</p>
                   <p>{{ $t('date') }}: {{ (selectArticle ? selectArticle.date: null) | date }}</p>
                 </div>
-                <v-divider/>
-                <iframe class="iframe" sandbox="allow-same-origin" v-if="selectArticle" v-body="selectArticle.description" />
+                <v-divider />
+                <iframe
+                  class="iframe"
+                  sandbox="allow-same-origin"
+                  v-if="selectArticle"
+                  v-body="selectArticle.description"
+                />
               </div>
             </template>
           </div>
@@ -132,13 +175,16 @@
       </v-card-text>
     </v-card>
 
-    <RssRulesDialog v-if="showRulesDialog" :rss-node="rssNode" v-model="showRulesDialog"/>
+    <RssRulesDialog
+      v-if="showRulesDialog"
+      :rss-node="rssNode"
+      v-model="showRulesDialog"
+    />
   </v-dialog>
 </template>
 
 <script lang="ts">
 import { get } from 'lodash'
-import Vue from 'vue'
 import { mapActions, mapMutations, mapState } from 'vuex'
 import Component from 'vue-class-component'
 import { Prop, Watch, Emit } from 'vue-property-decorator'
diff --git a/src/components/dialogs/RssRulesDialog.vue b/src/components/dialogs/RssRulesDialog.vue
index a4b7d39..8ebb1e3 100644
--- a/src/components/dialogs/RssRulesDialog.vue
+++ b/src/components/dialogs/RssRulesDialog.vue
@@ -12,31 +12,48 @@
         <v-icon class="mr-2">mdi-filter</v-icon>
         <span v-text="$t('dialog.rss_rule.title')" />
         <v-spacer />
-        <v-btn icon @click="closeDialog">
+        <v-btn
+          icon
+          @click="closeDialog"
+        >
           <v-icon>mdi-close</v-icon>
         </v-btn>
       </v-card-title>
       <v-card-text>
         <div class="toolbar">
-          <v-btn icon @click="addRssRule" :title="$t('dialog.rss_rule.add_rule')">
+          <v-btn
+            icon
+            @click="addRssRule"
+            :title="$t('dialog.rss_rule.add_rule')"
+          >
             <v-icon>mdi-plus</v-icon>
           </v-btn>
-          <v-btn icon :disabled="!selectedRuleName" @click="deleteRssRule" :title="$t('delete')">
+          <v-btn
+            icon
+            :disabled="!selectedRuleName"
+            @click="deleteRssRule"
+            :title="$t('delete')"
+          >
             <v-icon>mdi-delete</v-icon>
           </v-btn>
         </div>
         <v-divider />
         <div class="content">
-          <div v-if="!rssRules" class="loading">
-            <v-progress-circular indeterminate>
-            </v-progress-circular>
+          <div
+            v-if="!rssRules"
+            class="loading"
+          >
+            <v-progress-circular indeterminate />
           </div>
           <template v-else>
             <div class="rss-rules">
               <v-list
                 dense
               >
-                <v-list-item-group v-model="selectedRuleName" color="primary" >
+                <v-list-item-group
+                  v-model="selectedRuleName"
+                  color="primary"
+                >
                   <v-list-item
                     v-for="(value, key) in rssRules"
                     :key="key"
@@ -58,35 +75,50 @@
             <v-divider vertical />
             <div class="rule-details">
               <v-form class="rule-form">
-                <p class="form-title" v-text="$t('dialog.rss_rule.rule_settings')" />
+                <p
+                  class="form-title"
+                  v-text="$t('dialog.rss_rule.rule_settings')"
+                />
 
-                <v-checkbox dense :label="$t('dialog.rss_rule.use_regex')"
+                <v-checkbox
+                  dense
+                  :label="$t('dialog.rss_rule.use_regex')"
                   :disabled="!selectedRule.enabled"
                   :value="selectedRule.useRegex"
                   @change="editRule('useRegex', $event)"
                 />
-                <v-text-field dense :label="$t('dialog.rss_rule.must_contain')"
+                <v-text-field
+                  dense
+                  :label="$t('dialog.rss_rule.must_contain')"
                   :disabled="!selectedRule.enabled"
                   :value="selectedRule.mustContain"
                   @change="editRule('mustContain', $event)"
                 />
-                <v-text-field dense :label="$t('dialog.rss_rule.must_not_contain')"
+                <v-text-field
+                  dense
+                  :label="$t('dialog.rss_rule.must_not_contain')"
                   :disabled="!selectedRule.enabled"
                   :value="selectedRule.mustNotContain"
                   @change="editRule('mustNotContain', $event)"
                 />
-                <v-text-field dense :label="$t('dialog.rss_rule.episode_filter')"
+                <v-text-field
+                  dense
+                  :label="$t('dialog.rss_rule.episode_filter')"
                   :disabled="!selectedRule.enabled"
                   :value="selectedRule.episodeFilter"
                   @change="editRule('episodeFilter', $event)"
                 />
-                <v-checkbox dense :label="$t('dialog.rss_rule.smart_episode')"
+                <v-checkbox
+                  dense
+                  :label="$t('dialog.rss_rule.smart_episode')"
                   :disabled="!selectedRule.enabled"
                   :value="selectedRule.smartFilter"
                   @change="editRule('smartFilter', $event)"
                 />
 
-                <v-select dense :label="$t('dialog.rss_rule.assign_category')"
+                <v-select
+                  dense
+                  :label="$t('dialog.rss_rule.assign_category')"
                   :items="categoryItems"
                   :disabled="!selectedRule.enabled"
                   :value="selectedRule.assignedCategory"
@@ -94,9 +126,12 @@
                 />
               </v-form>
 
-              <v-divider/>
+              <v-divider />
 
-              <p class="feeds-title" v-text="$t('dialog.rss_rule.apply_to_feeds')"/>
+              <p
+                class="feeds-title"
+                v-text="$t('dialog.rss_rule.apply_to_feeds')"
+              />
               <v-list
                 dense
                 v-if="selectedRule.enabled"
@@ -132,7 +167,7 @@ import Component from 'vue-class-component';
 
 import { tr } from '@/locale'
 import { Prop, Emit, Watch } from 'vue-property-decorator';
-import { RssRule, Category, RssNode, RssItem } from '../../types';
+import { RssRule, Category, RssNode } from '../../types';
 import api from '../../Api';
 import { mapActions, mapMutations, mapGetters } from 'vuex';
 import { DialogConfig, DialogType, SnackBarConfig } from '../../store/types';
diff --git a/src/components/dialogs/TorrentContent.vue b/src/components/dialogs/TorrentContent.vue
index 1f26856..fd2e962 100644
--- a/src/components/dialogs/TorrentContent.vue
+++ b/src/components/dialogs/TorrentContent.vue
@@ -21,11 +21,10 @@
 
 <script lang="ts">
 import { groupBy } from 'lodash';
-import Vue from 'vue';
 import api from '../../Api';
 import BaseTorrentInfo from './baseTorrentInfo'
 import Component from 'vue-class-component';
-import { Prop, Watch } from 'vue-property-decorator';
+import { Prop } from 'vue-property-decorator';
 
 /* eslint-disable camelcase */
 interface File {
diff --git a/src/components/dialogs/TorrentInfo.vue b/src/components/dialogs/TorrentInfo.vue
index cdc0645..2f676f1 100644
--- a/src/components/dialogs/TorrentInfo.vue
+++ b/src/components/dialogs/TorrentInfo.vue
@@ -78,7 +78,6 @@
 <script lang="ts">
 import { chunk, countBy } from 'lodash';
 
-import Vue from 'vue';
 import api from '../../Api';
 import {
   formatDuration, formatSize, formatTimestamp, toPrecision,
@@ -135,7 +134,7 @@ export default class TorrentInfo extends BaseTorrentInfo {
     { label: 'Created on', value: prop => formatTimestamp(prop.creation_date) },
     { label: 'Added on', value: prop => formatTimestamp(prop.addition_date) },
     { label: 'Completed on', value: prop => formatTimestamp(prop.completion_date) },
-    { label: 'Torrent hash', value: prop => this.torrent.hash },
+    { label: 'Torrent hash', value: () => this.torrent.hash },
     { label: 'Save path', value: prop => prop.save_path },
     { label: 'Comment', value: prop => prop.comment },
   ]
diff --git a/src/components/dialogs/Trackers.vue b/src/components/dialogs/Trackers.vue
index e83149e..e0ae189 100644
--- a/src/components/dialogs/Trackers.vue
+++ b/src/components/dialogs/Trackers.vue
@@ -21,10 +21,9 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
 import api from '../../Api';
 import Component from 'vue-class-component';
-import { Prop, Watch } from 'vue-property-decorator';
+import { Prop } from 'vue-property-decorator';
 import BaseTorrentInfo from './baseTorrentInfo';
 
 @Component({
diff --git a/src/components/drawer/FilterGroup.vue b/src/components/drawer/FilterGroup.vue
index 1083880..5b1f1b4 100644
--- a/src/components/drawer/FilterGroup.vue
+++ b/src/components/drawer/FilterGroup.vue
@@ -18,9 +18,15 @@
       @click.stop="select(child.key)"
     >
       <v-list-item-icon>
-        <v-icon v-if="isFontIcon(child.icon)">{{ child.icon }}</v-icon>
+        <v-icon v-if="isFontIcon(child.icon)">
+          {{ child.icon }}
+        </v-icon>
         <div v-else>
-          <v-img :src="child.icon" width='20px' height="20px" />
+          <v-img
+            :src="child.icon"
+            width="20px"
+            height="20px"
+          />
         </div>
       </v-list-item-icon>
       <v-list-item-content>
@@ -42,25 +48,19 @@
 </template>
 
 <script lang="ts">
-import Vue, { PropType } from 'vue';
-import { mapState, mapMutations } from 'vuex';
-import { FilterGroup as types } from '../types';
+import Vue from 'vue';
+import Component from 'vue-class-component';
+import { Prop } from 'vue-property-decorator';
+import { Group } from '../types'
 
-interface Data {
-  model: boolean;
-  selected: string | null;
-}
+@Component
+export default class FilterGroup extends Vue {
+  @Prop()
+  readonly group!: Group
+
+  model = false
+  selected: string | null = null
 
-export default Vue.extend({
-  props: {
-    group: Object as PropType<types.Group>,
-  },
-  data(): Data {
-    return {
-      model: this.group.model,
-      selected: null,
-    };
-  },
   created() {
     const s = this.$store.getters.config.filter[this.group.select];
     if (this.group.children.some(child => child.key === s)) {
@@ -68,22 +68,22 @@ export default Vue.extend({
     } else {
       this.select(null);
     }
-  },
-  methods: {
-    select(key: string | null) {
-      this.selected = this.selected === key ? null : key;
-      this.$store.commit('updateConfig', {
-        key: 'filter',
-        value: {
-          [this.group.select]: this.selected,
-        },
-      });
-    },
-    isFontIcon(icon: string) {
-      return icon.startsWith('mdi-');
-    },
-  },
-});
+  }
+
+  select(key: string | null) {
+    this.selected = this.selected === key ? null : key;
+    this.$store.commit('updateConfig', {
+      key: 'filter',
+      value: {
+        [this.group.select]: this.selected,
+      },
+    });
+  }
+
+  isFontIcon(icon: string) {
+    return icon.startsWith('mdi-');
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/types.ts b/src/components/types.ts
index 4f0835e..f6a6059 100644
--- a/src/components/types.ts
+++ b/src/components/types.ts
@@ -1,16 +1,14 @@
-export declare module FilterGroup {
-  export interface Group {
-    title: string;
-    icon: string;
-    children: Child[];
-    model: boolean;
-    select: string;
-  }
-
-  export interface Child {
-    title: string;
-    key: string | null;
-    icon: string;
-    append: string | null;
-  }
+export interface Group {
+  title: string;
+  icon: string;
+  children: Child[];
+  model: boolean;
+  select: string;
 }
+
+export interface Child {
+  title: string;
+  key: string | null;
+  icon: string;
+  append: string | null;
+}
\ No newline at end of file
diff --git a/src/mixins/hasTask.ts b/src/mixins/hasTask.ts
index 1e0dcba..6725082 100644
--- a/src/mixins/hasTask.ts
+++ b/src/mixins/hasTask.ts
@@ -6,7 +6,7 @@ export default class HasTask extends Vue {
   destroy?: boolean
   call?: CallableFunction
   taskId?: number
-  interval: number = 2000
+  interval = 2000
 
   setTaskAndRun(call: CallableFunction, interval?: number) {
     this.call = call
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index ae5f925..c74ed84 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -7,6 +7,7 @@ Vue.use(Vuetify);
 let locale = i18n.locale();
 locale = locale === 'zh-CN' ? 'zh-Hans' : locale.split('-', 1)[0];
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const { default: translation } = require('vuetify/src/locale/' + locale);
 
 export default new Vuetify({
diff --git a/src/sites.ts b/src/sites.ts
index 633c31e..e588662 100644
--- a/src/sites.ts
+++ b/src/sites.ts
@@ -1,5 +1,4 @@
-function getSiteIcon(name: String) {
-  // eslint-disable-next-line
+function getSiteIcon(name: string) {
   return require(`@/assets/site_icons/${name}.png`);
 }
 
diff --git a/src/store/config.ts b/src/store/config.ts
index 99a2a01..27f9804 100644
--- a/src/store/config.ts
+++ b/src/store/config.ts
@@ -31,7 +31,7 @@ export function loadConfig() {
   return JSON.parse(tmp);
 }
 
-export const configStore : Module<ConfigState, any> = {
+export const configStore: Module<ConfigState, any> = {
   state() {
     return {
       userConfig: loadConfig(),
diff --git a/src/store/dialog.ts b/src/store/dialog.ts
index d91106d..92f55a9 100644
--- a/src/store/dialog.ts
+++ b/src/store/dialog.ts
@@ -2,7 +2,7 @@ import { merge, isString, cloneDeep } from 'lodash'
 import { Module } from 'vuex';
 import { DialogState } from './types';
 
-export const dialogStore : Module<DialogState, any> = {
+export const dialogStore: Module<DialogState, any> = {
   state() {
     return {
       config: null,
diff --git a/src/store/snackBar.ts b/src/store/snackBar.ts
index 6dbe86b..84c7db0 100644
--- a/src/store/snackBar.ts
+++ b/src/store/snackBar.ts
@@ -2,7 +2,7 @@ import { cloneDeep, isString } from 'lodash';
 import { Module } from 'vuex';
 import { SnackBarState } from './types';
 
-export const snackBarStore : Module<SnackBarState, any> = {
+export const snackBarStore: Module<SnackBarState, any> = {
   state() {
     return {
       config: null,
diff --git a/src/store/types.ts b/src/store/types.ts
index 4cc51b4..66ffed8 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -8,9 +8,9 @@ export interface RootState {
 }
 
 export interface TorrentFilter {
-  state: string
-  category: string
-  site: string
+  state: string;
+  category: string;
+  site: string;
 }
 
 export interface ConfigState {
@@ -18,8 +18,8 @@ export interface ConfigState {
 }
 
 export interface ConfigPayload {
-  key: string,
-  value: any,
+  key: string;
+  value: any;
 }
 
 export enum DialogType {
@@ -32,28 +32,28 @@ export enum DialogType {
 
 export interface DialogConfig {
   content: {
-    title?: String,
-    text: String,
-    callback?: CallableFunction,
-    type?: DialogType,
-    buttons?: any,
+    title?: string;
+    text: string;
+    callback?: CallableFunction;
+    type?: DialogType;
+    buttons?: any;
 
-    rules?: CallableFunction[],
-    placeholder?: string,
-  },
-  width?: string,
+    rules?: CallableFunction[];
+    placeholder?: string;
+  };
+  width?: string;
 }
 
 export interface DialogState {
-  config: DialogConfig | null,
+  config: DialogConfig | null;
 }
 
 export interface SnackBarConfig {
-  text: string,
-  btnText?: string,
-  callback?: CallableFunction,
+  text: string;
+  btnText?: string;
+  callback?: CallableFunction;
 }
 
 export interface SnackBarState {
-  config: SnackBarConfig | null,
+  config: SnackBarConfig | null;
 }
diff --git a/src/types.ts b/src/types.ts
index 598be51..5f9e4cc 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -49,9 +49,9 @@ export interface Torrent extends BaseTorrent {
 }
 
 export interface Category {
-  key: string
-  name: string
-  savePath?: string
+  key: string;
+  name: string;
+  savePath?: string;
 }
 
 export interface ServerState {
@@ -88,45 +88,45 @@ export interface MainData {
 }
 
 export interface RssTorrent {
-  category?: string
-  comment?: string
-  date?: string
-  description?: string
-  id: string
-  link: string
-  title: string
-  torrentURL: string
+  category?: string;
+  comment?: string;
+  date?: string;
+  description?: string;
+  id: string;
+  link: string;
+  title: string;
+  torrentURL: string;
 }
 
 export interface RssItem {
-  articles: RssTorrent[]
-  hasError: boolean
-  isLoading: boolean
-  lastBuildDate: string
-  title: string
-  uid: string
-  url: string
+  articles: RssTorrent[];
+  hasError: boolean;
+  isLoading: boolean;
+  lastBuildDate: string;
+  title: string;
+  uid: string;
+  url: string;
 }
 
 export interface RssNode {
-  [key: string]: RssNode | RssItem
+  [key: string]: RssNode | RssItem;
 }
 
 export interface RssRule {
-  enabled: boolean,
-  mustContain: string,
-  mustNotContain: string,
-  useRegex: boolean,
-  episodeFilter: string,
-  smartFilter: boolean,
-  previouslyMatchedEpisodes: string[],
-  affectedFeeds: string[],
-  createSubfolder: boolean | null,
-  ignoreDays: number,
-  lastMatch: string,
-  addPaused: boolean | null,
-  assignedCategory: string,
-  savepath: string,
+  enabled: boolean;
+  mustContain: string;
+  mustNotContain: string;
+  useRegex: boolean;
+  episodeFilter: string;
+  smartFilter: boolean;
+  previouslyMatchedEpisodes: string[];
+  affectedFeeds: string[];
+  createSubfolder: boolean | null;
+  ignoreDays: number;
+  lastMatch: string;
+  addPaused: boolean | null;
+  assignedCategory: string;
+  savepath: string;
 }
 
 export interface TorrentProperties {
diff --git a/tests/unit/components/FilterGroup.spec.ts b/tests/unit/components/FilterGroup.spec.ts
index ce7320c..8ff6897 100644
--- a/tests/unit/components/FilterGroup.spec.ts
+++ b/tests/unit/components/FilterGroup.spec.ts
@@ -2,7 +2,7 @@ import Vuex from 'vuex';
 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import '@/directives';
 import FilterGroup from '@/components/drawer/FilterGroup.vue';
-import { FilterGroup as types } from '@/components/types';
+import * as types from '@/components/types';
 import { mock } from '../utils';
 
 const localVue = createLocalVue();
@@ -101,7 +101,6 @@ test('unselect if can not found children', () => {
   const wrapper = mount({
     group,
   });
-  const { vm } = wrapper;
 
   expect((wrapper.vm as any).selected).toBeNull();
 });
diff --git a/tests/unit/store/index.spec.ts b/tests/unit/store/index.spec.ts
index e32d253..71f2241 100644
--- a/tests/unit/store/index.spec.ts
+++ b/tests/unit/store/index.spec.ts
@@ -47,6 +47,7 @@ describe('all torrents getter', () => {
     store.replaceState(mockState({
       mainData: {
         categories: {},
+        // eslint-disable-next-line @typescript-eslint/camelcase
         server_state: undefined as any,
         torrents: {
           a: mockBaseTorrent({}),
diff --git a/tests/unit/utils.spec.ts b/tests/unit/utils.spec.ts
index 718abd5..168d6a8 100644
--- a/tests/unit/utils.spec.ts
+++ b/tests/unit/utils.spec.ts
@@ -1,6 +1,4 @@
-import {
-  findSameNamedTorrents, timeout, codeToFlag, sleep,
-} from '@/utils';
+import { findSameNamedTorrents, codeToFlag, sleep } from '@/utils';
 import { mockTorrent } from './utils';
 
 test('timeout', async () => {
diff --git a/tests/unit/utils.ts b/tests/unit/utils.ts
index b5b7815..0a44ae8 100644
--- a/tests/unit/utils.ts
+++ b/tests/unit/utils.ts
@@ -1,6 +1,7 @@
 import { Torrent, BaseTorrent } from '@/types';
 
 const emptyBaseTorrent: BaseTorrent = {
+  /* eslint-disable @typescript-eslint/camelcase */
   added_on: 0,
   amount_left: 0,
   auto_tmm: false,
@@ -43,6 +44,7 @@ const emptyBaseTorrent: BaseTorrent = {
   uploaded: 0,
   uploaded_session: 0,
   upspeed: 0,
+  /* eslint-enable @typescript-eslint/camelcase */
 };
 
 const emptyTorrent: Torrent = Object.assign({}, emptyBaseTorrent, {