.circleci/config.yml

@@ -4,6 +4,8 @@ workflows:
     jobs:
       - node-v8
       - node-v10
+      - eslint-v7
+      - eslint-v8
       - node-v12
       - node-v14
       - lint
@@ -54,6 +56,42 @@ jobs:
     <<: *node-base
     docker:
       - image: node:10
+  eslint-v7:
+    docker:
+      - image: node:10
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - run:
+          name: Install eslint@7
+          command: |
+            npm install --save-exact eslint@7
+      - run:
+          name: Install dependencies
+          command: npm install
+      - run:
+          name: Test
+          command: npm test
+  eslint-v8:
+    docker:
+      - image: node:14
+    steps:
+      - run:
+          name: Versions
+          command: npm version
+      - checkout
+      - run:
+          name: Install eslint@8
+          command: |
+            npm install --save-exact eslint@^8.0.0-0
+      - run:
+          name: Install dependencies
+          command: npm install
+      - run:
+          name: Test
+          command: npm test
   node-v12:
     <<: *node-base
     docker:

.eslintrc.js

@@ -126,18 +126,21 @@ module.exports = {
     {
       files: ['lib/rules/*.js'],
       rules: {
-        'consistent-docs-description': 'error',
-        'no-invalid-meta': 'error',
-        'no-invalid-meta-docs-categories': 'error',
-        'eslint-plugin/require-meta-type': 'error',
-        'require-meta-docs-url': [
+        'eslint-plugin/no-deprecated-context-methods': 'error',
+        'eslint-plugin/no-only-tests': 'error',
+        'eslint-plugin/prefer-object-rule': 'error',
+        'eslint-plugin/require-meta-docs-description': 'error',
+        'eslint-plugin/require-meta-docs-url': [
           'error',
           {
             pattern: `https://eslint.vuejs.org/rules/{{name}}.html`
           }
         ],
-
-        'eslint-plugin/fixer-return': 'off'
+        'eslint-plugin/require-meta-has-suggestions': 'error',
+        'eslint-plugin/require-meta-schema': 'error',
+        'eslint-plugin/require-meta-type': 'error',
+        'no-invalid-meta': 'error',
+        'no-invalid-meta-docs-categories': 'error'
       }
     }
   ]

docs/rules/README.md

@@ -324,6 +324,7 @@ For example:
 | [vue/no-use-computed-property-like-method](./no-use-computed-property-like-method.md) | disallow use computed property like method |  |
 | [vue/no-useless-mustaches](./no-useless-mustaches.md) | disallow unnecessary mustache interpolations | :wrench: |
 | [vue/no-useless-v-bind](./no-useless-v-bind.md) | disallow unnecessary `v-bind` directives | :wrench: |
+| [vue/no-v-text](./no-v-text.md) | disallow use of v-text |  |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |
 | [vue/require-direct-export](./require-direct-export.md) | require the component to be directly exported |  |
 | [vue/require-emit-validator](./require-emit-validator.md) | require type definitions in emits |  |

docs/rules/no-v-text.md

@@ -0,0 +1,41 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-v-text
+description: disallow use of v-text
+since: v7.17.0
+---
+# vue/no-v-text
+
+> disallow use of v-text
+
+## :book: Rule Details
+
+This rule reports all uses of `v-text` directive.
+
+<eslint-code-block :rules="{'vue/no-v-text': ['error']}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <div>{{ foobar }}</div>
+
+  <!-- ✗ BAD -->
+  <div v-text="foobar"></div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v7.17.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-v-text.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-v-text.js)

docs/user-guide/README.md

@@ -25,6 +25,8 @@ yarn add -D eslint eslint-plugin-vue
 - ESLint v6.2.0 and above
 - Node.js v8.10.0 and above
 
+We have started supporting ESLint v8.0.0 beta, but note that beta support will be dropped once the stable version is released.
+
 :::
 
 ## :book: Usage
@@ -93,13 +95,13 @@ If you installed [@vue/cli-plugin-eslint](https://github.com/vuejs/vue-cli/tree/
 
 ### How to use a custom parser?
 
-If you want to use custom parsers such as [babel-eslint](https://www.npmjs.com/package/babel-eslint) or [@typescript-eslint/parser](https://www.npmjs.com/package/@typescript-eslint/parser), you have to use the `parserOptions.parser` option instead of the `parser` option. Because this plugin requires [vue-eslint-parser](https://www.npmjs.com/package/vue-eslint-parser) to parse `.vue` files, this plugin doesn't work if you overwrite the `parser` option.
+If you want to use custom parsers such as [@babel/eslint-parser](https://www.npmjs.com/package/@babel/eslint-parser) or [@typescript-eslint/parser](https://www.npmjs.com/package/@typescript-eslint/parser), you have to use the `parserOptions.parser` option instead of the `parser` option. Because this plugin requires [vue-eslint-parser](https://www.npmjs.com/package/vue-eslint-parser) to parse `.vue` files, this plugin doesn't work if you overwrite the `parser` option.
 
 ```diff
-- "parser": "babel-eslint",
+- "parser": "@typescript-eslint/parser",
 + "parser": "vue-eslint-parser",
   "parserOptions": {
-+     "parser": "babel-eslint",
++     "parser": "@typescript-eslint/parser",
       "sourceType": "module"
   }
 ```
@@ -238,13 +240,13 @@ Make sure you have one of the following settings in your **.eslintrc**:
 - `"extends": ["plugin:vue/vue3-recommended"]`
 - `"extends": ["plugin:vue/base"]`
 
-If you already use another parser (e.g. `"parser": "babel-eslint"`), please move it into `parserOptions`, so it doesn't collide with the `vue-eslint-parser` used by this plugin's configuration:
+If you already use another parser (e.g. `"parser": "@typescript-eslint/parser"`), please move it into `parserOptions`, so it doesn't collide with the `vue-eslint-parser` used by this plugin's configuration:
 
 ```diff
-- "parser": "babel-eslint",
+- "parser": "@typescript-eslint/parser",
 + "parser": "vue-eslint-parser",
   "parserOptions": {
-+     "parser": "babel-eslint",
++     "parser": "@typescript-eslint/parser",
       "ecmaVersion": 2020,
       "sourceType": "module"
   }
@@ -331,7 +333,7 @@ Note that you cannot use angle-bracket type assertion style (`var x = <foo>bar;`
 - Turning off the rule in the ESLint configuration file does not ignore the warning.
 - Using the `<!-- eslint-disable -->` comment does not suppress warnings.
 - Duplicate warnings are displayed.
-- Used `babel-eslint`, but the template still show `vue/no-parsing-error` warnings.
+- Used `@babel/eslint-parser`, but the template still show `vue/no-parsing-error` warnings.
 
 You need to turn off Vetur's template validation by adding `vetur.validation.template: false` to your `.vscode/settings.json`.
 
@@ -398,20 +400,18 @@ module.exports = {
 
 However, note that the AST generated by `espree` v8+ may not work well with some rules of `ESLint` v7.x.
 
-<!--
 ##### Using ESLint >= v8.x
 
-You need to specify `2022` for `parserOptions.ecmaVersion`.
+You need to specify `2022` or `"latest"` for `parserOptions.ecmaVersion`.
 
 ```js
 module.exports = {
   parserOptions: {
-    ecmaVersion: 2022,
+    ecmaVersion: 'latest',
     sourceType: 'module'
   },
 }
 ```
--->
 
 #### Other Problems
 

eslint-internal-rules/.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "rules": {
-    "consistent-docs-description": "error",
+    "no-invalid-meta-docs-categories": "error",
     "no-invalid-meta": "error"
   }
 }

eslint-internal-rules/no-invalid-meta-docs-categories.js

@@ -108,16 +108,6 @@ function checkMetaValidity(context, exportsNode) {
   }
 }
 
-/**
- * Whether this node is the correct format for a rule definition or not.
- *
- * @param {ASTNode} node node that the rule exports.
- * @returns {boolean} `true` if the exported node is the correct format for a rule definition
- */
-function isCorrectExportsFormat(node) {
-  return node != null && node.type === 'ObjectExpression'
-}
-
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -149,15 +139,6 @@ module.exports = {
       },
 
       'Program:exit'(programNode) {
-        if (!isCorrectExportsFormat(exportsNode)) {
-          context.report({
-            node: exportsNode || programNode,
-            message:
-              'Rule does not export an Object. Make sure the rule follows the new rule format.'
-          })
-          return
-        }
-
         checkMetaValidity(context, exportsNode)
       }
     }