feat: update eslint-related packages (#6123)

Author: haoqunjiang

docs/migrations/migrate-from-v4.md

@@ -86,7 +86,8 @@ Though it works in all our tests, please be aware that this approach is still so
 
 ### ESLint Plugin
 
-* `eslint-loader` is upgraded [from v2 to v4](https://github.com/webpack-contrib/eslint-loader/blob/master/CHANGELOG.md). The only major change is that it dropped support for ESLint < v6.
+* `eslint-loader` is replaced by [eslint-webpack-plugin](https://github.com/webpack-contrib/eslint-webpack-plugin), dropping support for ESLint <= 6.
+* New projects are now generated with `eslint-plugin-vue` v7, see its [release notes](https://github.com/vuejs/eslint-plugin-vue/releases/tag/v7.0.0) for breaking changes.
 
 ### PWA Plugin
 

package.json

@@ -38,26 +38,25 @@
   "devDependencies": {
     "@babel/core": "^7.12.9",
     "@babel/eslint-parser": "^7.12.1",
-    "@typescript-eslint/eslint-plugin": "^2.33.0",
-    "@typescript-eslint/parser": "^2.33.0",
+    "@typescript-eslint/eslint-plugin": "^4.9.1",
+    "@typescript-eslint/parser": "^4.9.1",
     "@vue/eslint-config-airbnb": "^5.0.2",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/eslint-config-standard": "^5.1.2",
-    "@vue/eslint-config-typescript": "^5.0.2",
+    "@vue/eslint-config-standard": "^6.0.0",
+    "@vue/eslint-config-typescript": "^7.0.0",
     "@vuepress/plugin-pwa": "^1.5.4",
     "@vuepress/theme-vue": "^1.5.4",
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^26.6.3",
     "chromedriver": "^87.0.2",
     "debug": "^4.1.0",
     "eslint": "^7.15.0",
-    "eslint-plugin-graphql": "^3.1.0",
+    "eslint-plugin-graphql": "^4.0.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.2.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.2.0",
     "eslint-plugin-vue-libs": "^4.0.0",
     "execa": "^1.0.0",
     "geckodriver": "^1.20.0",

packages/@vue/cli-plugin-eslint/eslintDeps.js

@@ -1,7 +1,7 @@
 const DEPS_MAP = {
   base: {
     eslint: '^7.15.0',
-    'eslint-plugin-vue': '^6.2.2'
+    'eslint-plugin-vue': '^7.2.0'
   },
   airbnb: {
     '@vue/eslint-config-airbnb': '^5.0.2',
@@ -13,16 +13,15 @@ const DEPS_MAP = {
     prettier: '^2.2.1'
   },
   standard: {
-    '@vue/eslint-config-standard': '^5.1.2',
+    '@vue/eslint-config-standard': '^6.0.0',
     'eslint-plugin-import': '^2.20.2',
     'eslint-plugin-node': '^11.1.0',
-    'eslint-plugin-promise': '^4.2.1',
-    'eslint-plugin-standard': '^4.0.0'
+    'eslint-plugin-promise': '^4.2.1'
   },
   typescript: {
     '@vue/eslint-config-typescript': '^7.0.0',
-    '@typescript-eslint/eslint-plugin': '^4.4.0',
-    '@typescript-eslint/parser': '^4.4.0'
+    '@typescript-eslint/eslint-plugin': '^4.9.1',
+    '@typescript-eslint/parser': '^4.9.1'
   }
 }
 

packages/@vue/cli-ui-addon-webpack/package.json

@@ -23,14 +23,13 @@
     "@vue/cli-plugin-babel": "^4.5.8",
     "@vue/cli-plugin-eslint": "^4.5.8",
     "@vue/cli-service": "^4.5.8",
-    "@vue/eslint-config-standard": "^5.1.2",
+    "@vue/eslint-config-standard": "^6.0.0",
     "core-js": "^3.8.1",
     "eslint": "^7.15.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.2.0",
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
     "vue-progress-path": "^0.0.2",

packages/@vue/cli-ui-addon-webpack/src/components/DonutModule.vue

@@ -90,9 +90,14 @@ export default {
     ]),
 
     finalDasharray () {
-      return (this.finalDashoffset === 0 ||
-        this.finalDashoffset === this.dasharray * 2)
-        ? 0 : this.dasharray
+      if (
+        this.finalDashoffset === 0 ||
+        this.finalDashoffset === this.dasharray * 2
+      ) {
+        return 0
+      }
+
+      return this.dasharray
     },
 
     finalDashoffset () {

packages/@vue/cli-ui-addon-widgets/package.json

@@ -23,14 +23,13 @@
     "@vue/cli-plugin-babel": "^4.5.8",
     "@vue/cli-plugin-eslint": "^4.5.8",
     "@vue/cli-service": "^4.5.8",
-    "@vue/eslint-config-standard": "^5.1.2",
+    "@vue/eslint-config-standard": "^6.0.0",
     "core-js": "^3.8.1",
     "eslint": "^7.15.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.2.0",
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
     "vue-template-compiler": "^2.6.12"

packages/@vue/cli-ui/apollo-server/api/PluginApi.js

@@ -335,7 +335,7 @@ class PluginApi {
           return
         }
       }
-      // eslint-disable-next-line standard/no-callback-literal
+      // eslint-disable-next-line node/no-callback-literal
       cb({ data, emit })
     }
     this.ipcHandlers.push(handler)

packages/@vue/cli-ui/package.json

@@ -71,20 +71,19 @@
     "@vue/cli-plugin-e2e-cypress": "^4.5.8",
     "@vue/cli-plugin-eslint": "^4.5.8",
     "@vue/cli-service": "^4.5.8",
-    "@vue/eslint-config-standard": "^5.1.2",
+    "@vue/eslint-config-standard": "^6.0.0",
     "@vue/ui": "^0.11.6",
     "ansi_up": "^4.0.4",
     "apollo-client": "^2.6.10",
     "apollo-link": "^1.2.14",
     "core-js": "^3.8.1",
     "cross-env": "^7.0.3",
     "eslint": "^7.15.0",
-    "eslint-plugin-graphql": "^3.1.0",
+    "eslint-plugin-graphql": "^4.0.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.2.0",
     "lint-staged": "^9.5.0",
     "lodash.debounce": "^4.0.8",
     "portal-vue": "^1.3.0",